Ma dzialac na zasadzie nieuporzadkowanej listy, w której po najechaniu na <li> pozycja tła elementu zostaje zmieniona. Cos takiego:
#menuId li {
width:241px;
float: left;
margin: 0px;
padding: 0px;
background: no-repeat left top;
}
#menuId li.one a:link, #menuId li.one a:visited {
background:url(img/por.gif);
display: block;
}
#menuId li.one a:hover, #menuId li.one a:active {
background-position: left bottom;
display: block;
I tak, widzialem podejscie riddle'a, ale poki co staram sie wykonac moj autorski pomysł, jak upadne z sił albo okaze sie to kompletnie błedne to sprawdze riddla.
Edit:
Ok zrobiłem po riddlowemu, duzo mniej kodu i efekt zamierzony.
#menuId a.roll{
display:block;
overflow: hidden;
height: 71px;
float:left;
}
#menuId a.roll img{
display:block;
}
#menuId a.roll:hover img{
margin-top: -71px;
To kod jakby ktos potrzebował.