Hola de nuevo,
Comento lo que hice y no funciona, creo que le falta poco pero necesito vuesta ayuda:
He creado un menú con dos iconos, una clase "entrar" para que cambie de imagen de fondo cuando pases el ratón por encima y una clase "current" para que se mantenga activo cuando sea esa la página activa, la class current funciona pero la hover no, me podéis echar una mano:
- HTML:
<div id="menu">
<ul>
<li><a href="#" id="eservicio" class="entrar"><span>eservicio</span></a></li>
<li><a href="#" id="tienda" class="current2"><span>tienda</span></a></li>
</ul>
</div>
- CSS:
#menu{
width:513px;
height:73px;
border:1px solid #CCC;
background:#069;
overflow:hidden;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#menu ul{
width:513px;
list-style:none;
height: 73px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position: absolute;
}
#menu ul li{
float:left;
height: 73px;
width: 65px;
}
#menu a{
font-size:0.8em;
font-weight:bold;
color:#FFF;
text-decoration:none;
display:block;
height: 73px;
width: 65px;
}
#menu a.current{
display:block;
background-image: url(eserviciog.jpg);
}
a.entrar {
display:block;
height: 73px;
width: 65px;
float: left;
background-image: url(eserviciov.jpg);
border:0;
}
a.entrar:hover {
display:block;
height: 73px;
width: 65px;
float: left;
background-image: url(eserviciog.jpg);
border:0;
}