D danii Medlem sedan sep. 2004 215 inlägg Frågan 25 nov. 2004 18:06 #1 Hur ger man en hel div bakgrundsfärg?
<div id="toppmeny1">blabla</div>
...
div#toppmeny1{
background-color: blue;
width: 100px;
height: 50px;
left: 100px;
}
Varför vill den inte funka? Den får inte blå bakgrundsfärg. Sen flyttar den sig inte 100px till höger. Hur fixar man detta?
dectgap Medlem sedan sep. 2002 1 655 inlägg Den blir alldeles blå för mig.
Vad det gäller left :http://www.w3.org/TR/CSS21/visuren.html#position-props
Om du inte anger någon annan typ av position än static (som är standardvärdet) kommer top , right , bottom och left inte att gälla.
Två olika sätt att lösa det, beroende på hur du egentligen vill ha det:
div#toppmeny1{
background-color: blue;
width: 100px;
height: 50px;
margin-left: 100px;
}
div#toppmeny1{
position: relative;
background-color: blue;
width: 100px;
height: 50px;
left: 100px;
}
I det första exemplet säger vi helt enkelt till att #toppmeny1 måste ha 100px luft till vänster om sig, vilket gör att 100px luft och 100px för elementets bredd kommer att reserveras.
I det andra exemplet säger vi att #toppmeny1 ska flyttas 100px till höger (eller från vänster, hur man nu vill se det) relativt sin ursprungliga position.
D danii Medlem sedan sep. 2004 215 inlägg Från början ville jag inte ställa frågan eftersom den är för enkelt, man kan ju söka. Men jag höll på att bli tokig.
Såhär ser min kod ut. All kod.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/temaIndex.css" />
</head>
<body>
<div id="toppmeny1">blabla</div>
<div id="toppmeny2"></div>
<div id="toppmeny3">
</div>
</body>
</html>
<style type="text/css">
div#toppmeny1{
position: relative;
background-color: blue;
width: 100px;
height: 50px;
left: 100px;
}
</style>
Texten blir varken blå eller flyttar sig :(
Kollar i både Firefox och IE senaste versionerna.
dectgap Medlem sedan sep. 2002 1 655 inlägg I den importerade CSS-filen ska du inte ha några style-taggar - då kan det bli galet.
Plocka bort dem, och om det fortfarande inte fungerar får du ta och dubbelkolla om sökvägen till CSS-filen är rätt.
D danii Medlem sedan sep. 2004 215 inlägg Tack så mycket för all hjälp dectgap. Nu funkar det :)
