• Das kreative Thema des Monats Oktober wird vor allem diejenigen unter Euch besonders ansprechen, denen Do-it-yourself quasi im Blut liegt. Zeigt uns Eure Improvisationskünste oder fotografiert, was andere Leute sich so im Alltag zusammengestrickt haben. --> Zum Mitmachen bitte hier klicken

Hintergrund in Navigation wird nicht an gezeigt

User_X

Granny Smith
Registriert
03.07.10
Beiträge
13
Hi Leute.
Ich habe in einer Website eine Navigation mit Listen gemacht.
Jetzt will ich jeden Menüpunkt mit einem Aquabutton hinterlegen aber das Bild wird nicht angezeigt.

Code:
<ul class="navigation">
		<li class="start"> <a href="index.html"> Start </a> </li>
		<li class="name1"> <a href="name1.html"> name1 </a> </li>
		<li class="name2"> <a href="name2.html"> name2 </a> </li>
		<li class="kontakt"> <a href="kontakt.html"> Kontakt </a> </li>
		<li class="impressum"> <a href="impressum.html"> Impressum </a> </li>
	   </ul>

Code:
.navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 960px;
	background-color: #dbe4ff;
	background-image: url('Bilder/aqua-button.png');
	
}

.navigation a {
	margin-bottom: 1px;
	color: white;
	background-image: url ('Bilder/aqua-button.png');
	text-decoration: none;
	display: block;
	padding: 5px;
	height: 36px;
	width: 168px;
		
}

.navigation a:hover {
	color: white;
	border-style: hidden;
	background-image: url('Bilder/aqua-button.png');
	background-repeat: no-repeat;
	background-position: right center;
}
	
.navigation a.last {
	border-bottom: none;
}
	            
 .navigation a.last:hover {
	border-bottom: none;
}
	
.start{
	width: 190px;
	float: left;
	text-align: center;
	
}

.name1{
	width: 190px;
	float: left;
	text-align: center;

}

.name2{
	width: 190px;
	float: left;
	text-align: center;

	
}

.kontakt{
	width: 190px;
	float: left;
	text-align: center;
	
}

.impressum{
	width: 190px;
	float: left;
	text-align: center;
		
}

.clear{
	clear: left;
}
Ich benutze Espresso.
 
1. Hast du Firebug installiert?
2. Bist du dir sicher das der Pfad richtig ist?
3. Dein Bilder ordner wird groß geschrieben?
4. Das Dateiformat ist auch richtig?

lg
 
Gib mal (testweiße) eine Höhe für die Klasse navigation an. Bin jetzt nicht Deine ganze Struktur durchgegangen, aber da du mit float arbeitest und vergessen hast ein clear zu setzen könnte es passieren das der hintere ul- Block quasi in sich zusammenfällt.