codigo css
Código HTML:
.menuholder li {float:left;} .menuholder a {background:url(images/menurojo.gif);display:block; height:30px; text-indent:-9000%} /*ESTADO NORMAL*/ .menu_intro a {width:110px;} .menu_book a {width:110px; background-position:-110px 0px;} .menu_testi a {width:110px; background-position:-220px 0px;} .menu_what a {width:110px; background-position:-330px 0px;} /*ESTADO ROLLOVER*/ .menu_intro a:hover {background-position:0px -30px;} .menu_book a:hover{background-position:-110px -30px;} .menu_testi a:hover {background-position:-220px -30px;} .menu_what a:hover {background-position:-330px -30px;}
Código HTML:
<ul class="menuholder"> <li class="menu_intro"><a href="#" title="Introduction" ></a></li> <li class="menu_book"><a href="#" title="The Book"></a></li> <li class="menu_testi"><a href="#" title="Testimonials"></a></li> <li class="menu_what"><a href="#" title="What You Will Get"></a></li> </ul>