Frage stellen
komme leider nicht weiter bei meiner Navigation. Die Navigation habe ich komplett mit Photoshop erstellt und dann mit Slices in einzelne Bilder unterteilt. Die Bilder enthalten schon die Linknamen. D.h. ich will bei <a href"..." class="..."> </a> keinen Linknamen einfügen.
Der HTML-Teil sieht so aus:
- Code: Alles auswählen
<div>
<ul id="navigation">
<li><a href="index1.php?go=news" class="news"></a></li>
<li><a href="index1.php?go=p_trainer" class="p_trainer"></a></li>
<li><a href="index1.php?go=f_trainers" class="f_trainer"></a></li>
<li><a href="index1.php?go=quali" class="quali"></a></li>
<li><a href="index1.php?go=bilder" class="bilder"></a></li>
<li><a href="index1.php?go=videos" class="videos"></a></li>
<li><a href="index1.php?go=partner" class="partner"></a></li>
<li><a href="index1.php?go=anfahrt" class="anfahrt"></a></li>
<li><a href="index1.php?go=impßressum" class="impressum"></a></li>
</ul>
</div>
Der CSS-Teil sieht so aus:
- Code: Alles auswählen
ul#navigation {
list-style: none;
position: relative;
padding: 0px;
margin: 0px;
width: 1000px;
height: 32px;
}
ul#navigation .news {
width: 80px;
height: 32px;
background: url(../bilder/navigation/News.png) no-repeat;
left: 0px;
}
ul#navigation a.news:hover{
width: 80px;
height: 32px;
background: url(../bilder/navigation/News_hover.png) no-repeat;
left: 0px;
}
ul#navigation .p_trainer{
width: 80px;
height: 32px;
background: url(../bilder/navigation/Personal_trainer.png) no-repeat;
left: 0px;
}
ul#navigation a.p_trainer:hover{
width: 80px;
height: 32px;
background: url(../bilder/navigation/Personal_Trainer.png) no-repeat;
left: 0px;
}
Mein Problem ist jetzt, dass die Bilder nicht angezeigt werden. Die Pfadangabe habe ich schon mehrmals überprüft und passen so. Vielleicht kann mir ja jmd. weiter helfen. Wäre schön.
Vielen dank schon mal im voraus.
