nicht angemeldet
Hallo!
ich bin gerade ziemlich verzweifelt, vielleicht könnt ihr mir helfen:
Ich habe meine Navigation auf einem CSS aufgebaut. Es gibt bei mir eine Hauptnavigation (class=hnav) und eine Unternavigation (class=unternav). Die aktiven Links der Haupt- und Unternavigation sind jeweils mit einem gif gekennzeichnet ("uaktiv" steht für die aktive Unternavigation, "aktiv" für die aktive Hauptnavigation). Quellcodebeispiele:
<link href="style.css" rel="stylesheet" type="text/css">
<div class=hnav><a id=aktiv href="galerie.htm">Galerie</a></div>
<link href="style.css" rel="stylesheet" type="text/css">
<div class="unternav"><a id=uaktiv href="gprint.htm">Print</a></div>
zugehörige Stylesheet - Definitionen:
.unternav a{
color : #DFDFDF;
font-size : 9px;
margin : 0px;
padding : 0px 0px 0px 20px;
text-decoration : none;
font-weight: normal;
}
.hnav a{
color : #DFDFDF;
font-size : 10px;
margin : 0px;
padding : 0px 0px 0px 10px;
text-decoration : none;
font-weight : bold;
}
a#aktiv{
background-image : url(Bilder/w.gif);
background-repeat : no-repeat;}
}
a#uaktiv{
background-image : url(Bilder/uaktiv.gif);
background-repeat : no-repeat;}
}
Problem: Während die gif-Bilder der Hauptnavigation in allen Browsern richtig angezeigt werden, ist dies in der Unternavigation nicht der Fall: Nur der IE zeigt es richtig an. Ausserhalb des hier gezeigten Code kann ich mir die Fehlerquelle nicht vorstellen: Es gibt zwar auch übergeordnete Stylesheet-Definitionen, die beziehen sich dann aber immer auf Ober- und Unternavigation gleichermassen (beide sind in der selben td). Könnt Ihr mir da weiterhelfen??
Lieben Gruss
Karsten