Trüffelkrieger
Mitglied
Hi Leute,
habe ein kleines Problemchen...
Ich habe ein vertikales Menü, bei dem jeder Menüpunkt das gleiche Hintergrundbild hat. Wenn man mit der Maus über einen Link fährt, ändert sich das Hintergrundbild und die Schriftfarbe wie gewünscht, und diesen Zustand möchte ich auch haben, wenn man sich gerade auf einer Seite befindet. Dann soll also dieser Link zu der Seite so gestylt sien, wie beim Hovern. Das mit der Schriftfarbe habe ich hinbekommen, nur bei dem Hintergrundbild habe ich noch Probleme...
Hier einmal der Code der Navigation auf einer der Seiten:
Und hier der CSS-Code:
Wenn ich jetzt das Hintergrundbild wie folgt versuche einzufügen, erstreckt sich das Bild nicht über den ganzen Listenabschnitt des Links, wie das beim Hovern passiert, sondern erscheint nur direkt hinter der Schrift des jeweiligen Links.
Kann mir da jemand behilflich sein?
Danke schonmal im Vorraus!
Hier mal die Seite:
Der Clan
habe ein kleines Problemchen...
Ich habe ein vertikales Menü, bei dem jeder Menüpunkt das gleiche Hintergrundbild hat. Wenn man mit der Maus über einen Link fährt, ändert sich das Hintergrundbild und die Schriftfarbe wie gewünscht, und diesen Zustand möchte ich auch haben, wenn man sich gerade auf einer Seite befindet. Dann soll also dieser Link zu der Seite so gestylt sien, wie beim Hovern. Das mit der Schriftfarbe habe ich hinbekommen, nur bei dem Hintergrundbild habe ich noch Probleme...
Hier einmal der Code der Navigation auf einer der Seiten:
HTML:
<div id="nav">
<ul>
<li><a href="derclan.php" id="current">»Der Clan«</a></li>
<li><a href="mitglieder.php">»Mitglieder«</a></li>
<li><a href="hello.php">»Gästebuch«</a></li>
<li><a href="kontakt.php">»Kontakt«</a></li>
<li><a href="linkliste.php">»Linkliste«</a></li>
<li><a href="buendnisse.php">»Bündnisse«</a></li>
<li><a href="funwars.php">»Funwars«</a></li>
</ul>
</div>
HTML:
#nav{
float: left;
width: 220px;
text-align: center;
line-height: 36px;
}
#nav a:link,#nav a:visited, #nav a:active {
text-decoration: none;
color:#800000;
font-size: 75%;
}
#nav ul li{
list-style-type: none;
margin-right:20px;
margin-left:-20px;
background: url(Bilder/nav_bild1.png);
border: 6px double #270101;
}
#nav :hover{
background: url(Bilder/nav_bild_aktiv.png) ;
}
#nav a:hover{
color: #6A6A6A;
background:none;
}
#nav a#current{
color: #6A6A6A;
}
HTML:
#nav a#current{
color: #6A6A6A;
background:url((Bilder/nav_bild_aktiv.png)
}
Danke schonmal im Vorraus!
Hier mal die Seite:
Der Clan