Bakgrundsbild på bakgrundsbild?

HTML & CSS

1 svar · 256 visningar · startad av web00132

Medlem sedan maj 2001797 inlägg
Trådstart#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! :)

Medlem sedan maj 2001797 inlägg
#2

Ä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");
		}
259 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)