Hola,
Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
botones de un menú, creé una imagen doble para mostrar el estado normal y
visited y el estado estado active y hover. Logré que el CSS haga que se
muestre únicamente la primera mitad del botón lo que hace que se vean
perfectos los botones como los quise trabajar. El tema es que no logro
"hacer el movimiento" es decir que cuando pase el ratón por encima o haga
clic me muestre la otra mitad del botón.
Mi HTML es:
<div id="menuarriba">
<a href="/seccion1"><img src="logosec1.png" alt="" width="400" height="110"
/></a>
<a href="/seccion2"><img src="logosec2.png" alt="" width="400" height="110"
/></a>
<a href="/seccion3"><img src="logosec3.png" alt="" width="400" height="110"
/></a>
</div>
Y el CSS dice:
#menuarriba{
width: 602px;
float: right;
}
#menuarriba a, #menuarriba a:visited, #menuarriba a:link{
display: block;
float: left;
width: 200px;
overflow: hidden;
}
#menuarriba a:hover, #menuarriba a:active{
text-align: right;
}
Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba a:hover
y active pero acepto consejos sobre otras opciones, preferiría que el tema
se solucionara exclusivamente con CSS.
Muchas gracias,
Germán
--
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
