• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Die Bildungsoffensive hier im Forum geht weiter! Jetzt sollen Kreativität und technische Möglichkeiten einen neue Dimension erreichen. Das Thema in diesem Monat lautet - Verkehrte Welt - Hier geht es lang --> Klick

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.
 

maxxlite.de

Empire
Registriert
15.06.09
Beiträge
84
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
 

wdominik

Weißer Winterglockenapfel
Registriert
15.01.10
Beiträge
880
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.