Efecto mouseover en lista imagenes horizontal
Publicado por Carlos Donate (1 intervención) el 16/01/2012 13:26:05
Hola. Quiero hacer unas pestañas con el efecto mouseover y despues de probar con varios códigos el más rápido es uno en el que enlaza a una imagen compuesta por las tres que quiero mostrar de la siguiente manera:
<a href="http://www.google.com" style="background:transparent url(http://dl.dropbox.com/u/44861631/dfinal.jpg) no-repeat left top; width:150px; height:100px; display: block; text-decoration: none"
onmouseout="this.style.backgroundPosition='left top';"
onclick="this.style.backgroundPosition='right top';"
onmouseover="this.style.backgroundPosition='center top';"> </a>
Bien, mi intención es que funcionen como pestañas de un menu horizontal. He probado de todo y no soy capaz de que poner varias imagenes de este tipo de forma horizontal y ni siquiera poniendo o modificando el HSPACE O VSPACE, seguro que es una tontería y me estoy bloqueando sin necesidad. Espero vuestros consejos, un saludo y gracias
<a href="http://www.google.com" style="background:transparent url(http://dl.dropbox.com/u/44861631/dfinal.jpg) no-repeat left top; width:150px; height:100px; display: block; text-decoration: none"
onmouseout="this.style.backgroundPosition='left top';"
onclick="this.style.backgroundPosition='right top';"
onmouseover="this.style.backgroundPosition='center top';"> </a>
Bien, mi intención es que funcionen como pestañas de un menu horizontal. He probado de todo y no soy capaz de que poner varias imagenes de este tipo de forma horizontal y ni siquiera poniendo o modificando el HSPACE O VSPACE, seguro que es una tontería y me estoy bloqueando sin necesidad. Espero vuestros consejos, un saludo y gracias
Valora esta pregunta
0