• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Na, habt Ihr genügend in Stoffen geschwelgt? Dann könntet Ihr Euch jetzt die zahlreichen Einsendungen dieses Monats anschauen und entscheiden, welches Foto davon Euch am Besten gefällt. Hier geht es lang zur Abstimmung --> 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.