Hola, estoy luchando por hacer un rollover digno y no puedo, tengo este fiasco
alguien me puede ayudar?
Código:
Código HTML:
<style>#menu {
width: 200px;
margin: 0px;
}</style>
<style>#menu li a {
text-decoration: none;
height: 28px;
display: block;
padding: 22px 0 0 24px;
background: url(prueba.png);
}</style>
<style>#menu li a {
text-decoration: none;
height: 28px;
display: block;
padding: 9px 0 0 24px;
background: url(prueba.png);
}</style>
<body><style>
#menu li a:link, #menu li a:visited {
color: #777;
}
#menu li a:hover {
color: #257EB7;
background-position: 0 -32px;
}
#menu li a:active {
color: #fff;
background-position: 0 -72px;
} </style>
<div id="menu">
<ul>
<li><a href="biof_princ_clasificados.htm" title="Inicio">Inicio</a></li>
<li><a href="#" title="Artículos probar">Artículos</a></li>
<li><a href="#" title="Tutoriales">Tutoriales</a> </td> </tr> </table> </li>
</ul>