Hallo MacKP,
hallo creativX,
zunächst schönen Dank für die Hilfe.
Leider komme ich mit der Schilderung auf der angegebenen Seite nicht so ganz klar.
Ich habe folgendes Problem:
Das linke Hintergrundbild, welches unter navi li eingebunden ist wird ja mit
navi:li hover
background-position: 0 -21 positioniert.
Das funktioniert noch.
Nun will ich aber, dass bei dem aktiven Menüpunkt dieses Hintergrundbild ebenfalls noch angezeigt wird. Und das bekomme ich nicht hin.
Hier einmal der Auszug aus der CSS.
Vieleicht kann mir jemand mal helfen, was ich falsch mache.
HTML-Code:
#navi
{
height:30px;
top:100px;
position:absolute;
}
#navi ul
{
margin:0 0 0 5px;
padding:0;
list-style-type:none;
}
#navi ul li
{
float:left;
margin:0;
padding:0 0 0 5px;
background:url("tl_files/Layout/bg_nav_left.png") left top no-repeat;
}
#navi a,
#navi span
{
float:left;
display:block;
margin-right:5px;
padding:4px 5px 3px 0;
text-align:center;
background:url("tl_files/Layout/bg_nav_right.png") right top no-repeat;
font-size:11px;
color:#000;
}
#navi a:hover,
#navi a:focus,
#navi a:active,
#navi span.active
{
background:url("tl_files/Layout/bg_nav_right.png") right top no-repeat;
color:#fff;
background-position:100% -30px;
}
#navi ul li:hover
{
background:url("tl_files/Layout/bg_nav_left.png") left top no-repeat;
background-position:0% -30px
}
Wenn ich bei #navi ul li:hover noch eine Anweisung mit active hinzufüge wird das linke Hintergrundbild ebenfalls nicht angezeigt.
Ich wäre Euch wirklich sehr dankbar, wenn Ihr mit helfen könntet.
Danke
Lesezeichen