Hallo,
ich bin ziemlich neu in dem Bereich und stehe im Moment vor folgendem Problem.
Ich habe das Hauptmenü meiner Seite mit einem Textwidget gemacht und in dem steht folgender Code:
<div id="homenav">
<a href="http://localhost/wordpress/" id="button1"></a>
<a href="http://localhost/wordpress/diana" id="button2"></a>
<a href="http://localhost/wordpress/portfolio" id="button3"></a>
<a href="http://localhost/wordpress/blog" id="button4"></a>
<a href="http://localhost/wordpress/contact" id="button5"></a>
</div>
CSS:
#homenav {
display: inline-block;
position: absolute;
overflow: hidden;
z-index: 1;
margin: -23px 0px 0 45px;
float: left;
}
#button1 {
display: inline-block;
background-position: center top;
background-repeat: no-repeat;
height:45px;
width:70px;
background-image:url(images/nav_home_n.png);
}
#button1:hover {
background-image:url(images/nav_home_a.png);
}
usw.
Das funktioniert so auch alles wie es soll, nur soll auf der aktiven Seite das selbe hintergrundbild bei dem jeweiligen Button sein wie beim hover.
Ich komme da einfach nicht weiter.