Code:
<div id="menu">
<ul id="nav">
<li><a href="#" id="home"></a></li>
<li><a href="#" id="blub1"></a></li>
<li><a href="#" id="blub2"></a></li>
<li><a href="#" id="blub3"></a></li>
</ul>
</div><!-- end menu -->
Das ist mein Menu-bereich in der index.html. Habe 1 Datei gespeichert mit beiden "Zuständen" einmal normal und einmal wenn man hover.
Der zugehörige CSS teil
Code:
#nav {
float: left;
width: 500px;
height: 95px;
}
#nav ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}
#home {
width:124 px;
height: 95px;
text-decoration: none;
display: block;
background: url(../images/home.jpg) 0 0;
}
#home:hover {
background-position: 124px 0;
}
Jetzt hab ich das Problem das er die vollständige Grafik, also beide "Zustände" immer anzeigt. Und diese Grafik auch noch 2 mal.
Original größe ist 248x95px
Jemand eine Idee wo da der Wurm steckt? Liegt es evtl daran das ich die ids in einer Liste habe?
regards denny
Zuletzt bearbeitet: