Hallo,
ich habe folgendes Problem. Ich habe mir ein kleines Menü erstellt.
Nun habe ich noch einen Hover effekt hinzugefügt und wollte dann noch die class .current zuweisen, damit der Besucher weiß, wo er sich befindet.
Ich zeige eucham besten erstmal den Code:
HTML:
CSS:
Das Problem ist jetzt, dass beim hover das richtige bild angezeigt wird, jedoch nicht bei der classe current.
Kann man da jemand helfen?
ich habe folgendes Problem. Ich habe mir ein kleines Menü erstellt.
Nun habe ich noch einen Hover effekt hinzugefügt und wollte dann noch die class .current zuweisen, damit der Besucher weiß, wo er sich befindet.
Ich zeige eucham besten erstmal den Code:
HTML:
HTML:
<ul id="menu">
<li><a class="current" href="?p=aa">aa</a></li>
<li><a href="?p=bb">bb</a></li>
<li><a href="?p=cc">cc</a></li>
</ul>CSS:
Code:
ul#menu{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:40px;
font-size:14px;
font-weight:bold;
font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
display:block;
float:left;
margin:0;
padding:0;
}
ul#menu li a{
background:url(images/menu_bg.jpg) no-repeat top right;
background-color:#ffffff;
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:8px 0px 0px 0px;
height:40px;
width:116px;
margin-left:20px;
}
ul#menu li a:hover, .current{
background:url(images/menu_bg_hover.jpg) no-repeat top right;
font-size:15px;
color:#410808;
margin-top:-8px;
}Das Problem ist jetzt, dass beim hover das richtige bild angezeigt wird, jedoch nicht bei der classe current.
Kann man da jemand helfen?
