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