W web00132 Medlem sedan maj 2001 797 inlägg Frågan 10 juni 2007 14:53 #1 Ungefär så här:
#header {
background-image: url("images/header.jpg");
height: 100px;
}
#menu {
margin: 70px 0px 0px 300px;
}
#menu ul {
list-style-type: none;
}
#menu li {
float: left;
display: block;
width: 69px;
height: 20px;
margin: 0px 0px 0px 0px;
background-image: url("images/menubg.gif");
}
Jag får det inte att funka, finns det nåt bra sätt att lösa det på? Jag vill alltså ha en bakgrundsbild ("header") med en meny ovanpå som använder sig av små bakgrundsbilder samt text ovanpå dessa. Bakgrundsbild -> bakgrundsbild -> text. Tack! :)
W web00132 Medlem sedan maj 2001 797 inlägg Äsch, då. Jag är bara lite slarvig, det funkar ju alldeles utmärkt med nåt sånt här:
#header {
background-image: url("images/header.jpg");
height: 106px;
width: 752px;
}
#header a {
display: block;
border: 0px;
}
#header ul {
list-style-type: none;
display: block;
}
#header li {
float: left;
width: 69px;
height: 20px;
margin: 50px 0px 0px 0px;
background-image: url("images/menubg.gif");
}