Som
NielsErikP også påpeger, ser det lidt ud som om du ikke helt ved hvad du har gang i - no offence. Kunne næsten blive fristet til at spørge om du benytter DreamWeaver, men så ville dette indlæg gå hen og blive useriøst, og det går jo ikke. ;)
Men dit problem består netop i at du kaster rundt med disse CSS-properties. Lad os tage nogle eksempler, fordi du jo også gerne skulle lære noget af det her. :)
#header {
margin: 0px 0px 0px 0px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
width:768px;
height:262px;
}Din definition af
margin her, er unødvendig, da du allerede har sat
margin til 0px, som standard. En ting du også glemmer andre steder, og det er såmen ikke fordi det er en alvorlig eller kritisk fejl, men du bør altid sigte efter en så lille fil som mulig.
#menu li{
float:left;
display:inline;
padding: 0px 0px 0px 10px;
}Øh, lol?
Float og
display: inline vil i dette tilfælde bruges til samme formål, derfor bør du kun benytte
display: inline.
li ul {
display: none;
z-index: 999;
padding: 0;
position: absolute;
top: 30px;
padding-top: 5px;
}En property kan kun defineres
1 gang per
{blok}, og dette er derfor en direkte syntax fejl.
Derudover, har jeg da lige nogle tips til dig. Vidste du godt, at du kunne definere alle dine baggrunds-properties via 1
property?
#header{
background: url('images/header.jpg') no-repeat;
}Og at du kunne definere alle dine skifts-properties via 1
property?
#menu a{
font: bolder 14px/normal Arial, Helvetica, sans-serif;
}Nåh, men hvad dit problem angår, så tror jeg du kan starte med at rette dette
#menu li{
padding: 0 0 0 10px;
display: inline;
position: relative;
}
#menu li ul{
padding-top: 5px;
display: none;
position: absolute;
top: 30px;
z-index: 999;
}
#menu li:hover ul{
display: block;
background-color: #fff;
opacity: 0.8;
}Så må vi tage den derfra. Har været chauffør i nat, så efter en hektisk dag og efter 3 timers kørsel i træk, er jeg pænt træt. Har ikke orket at teste det selv, så dette er udelukkende ud fra min viden. Og nu skal jeg i seng. ;)
