
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>


