Avatar billede easysoft_studios Nybegynder
15. april 2002 - 21:12 Der er 6 kommentarer og
3 løsninger

background-color i CSS

Jeg vil gerne lave en Heading-style i CSS-fil, hvor jeg gerne vil give min tekst en blå baggrund. I HTML ville det se sådan her ud:

<span style="background-color: #4075E0">Tekst her</span>

Hvis jeg under min Heading, fx h1 gør sådan:

h1{
  background-color: #4075E0;
}

giver den mig en blå baggrund der er hele siden lang, i stedet for bare samme længde som tekst, hvilke jeg opnår med det førstnævnte HTML kode.
Jeg har prøvet at sætte værdi'en Width (i CSS-filen) men så vil teksten ikke længere være centreret...
Nogle der kender svaret på mine kvaler?
Avatar billede kimiwan Nybegynder
15. april 2002 - 21:14 #1
prøv at bruge display: inline også:

h1{
  background-color: #4075E0;
  display: inline;
}
Avatar billede werd Nybegynder
15. april 2002 - 21:22 #2
korrekt
Avatar billede easysoft_studios Nybegynder
15. april 2002 - 21:25 #3
det virker, men kan du sige mig hvorfor teksten overhovet ikke vil stå centreret?
det ville den heller ikke før, bare jeg sætter den til Heading1 er den gal
men vælger jeg en hvilken som helst anden heading (som jeg ikke har difineret) står det ganske fint centreret...
Avatar billede werd Nybegynder
15. april 2002 - 21:27 #4
Der mangler noget:

h1 {background-color: #4075E0; text-align:center; display:inline;}
Avatar billede easysoft_studios Nybegynder
15. april 2002 - 21:29 #5
måske derfor ;)
vender straks tilbage
Avatar billede easysoft_studios Nybegynder
15. april 2002 - 21:30 #6
ikke derfor... hjalp ikke
Avatar billede werd Nybegynder
15. april 2002 - 21:58 #7
hvad er der galt?? tror det er din kode så... for det jeg har skrevet gør som det skal!!!
Avatar billede dr-data Nybegynder
17. april 2002 - 17:15 #8
har du prøvet denne kombination???

<STYLE>
h1
{
background-color: #4075E0;
text-align: center;
display: inline;
width: 100%;
}
</STYLE>
Avatar billede easysoft_studios Nybegynder
03. juni 2002 - 16:28 #9
takker for hjælpen :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester