Foros del Web » Creando para Internet » CSS »

Ayuda con hover en imagenes

Estas en el tema de Ayuda con hover en imagenes en el foro de CSS en Foros del Web. Hola, estoy modificando el estilo de los enlaces de mis categorías. Actualmente es una imagen estática y quiero cambiar su aspecto con un hover aunque ...
  #1 (permalink)  
Antiguo 05/02/2010, 05:49
Avatar de Werlisa  
Fecha de Ingreso: noviembre-2008
Mensajes: 286
Antigüedad: 9 años
Puntos: 28
Pregunta Ayuda con hover en imagenes

Hola, estoy modificando el estilo de los enlaces de mis categorías. Actualmente es una imagen estática y quiero cambiar su aspecto con un hover aunque no hay manera de conseguir el resultado.


El plan es tener la imagen de carpeta cerrada por defecto y cuando pasas el mouse por encima q aparezca la imagen de la carpeta abierta. Les dejo el código con el q estoy tratando por si pueden echarme un mano.


Actual

.homeCategories ul li { background: url('../images/folder.gif') no-repeat 8px 6px; }

Añadido por mi

.homeCategories ul li a:hover { background-image: url('../images/folder1.gif') no-repeat 8px 6px;}

Muchas gracias y 1 saludo
  #2 (permalink)  
Antiguo 05/02/2010, 06:11
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Ayuda con hover en imagenes

En principio, el único fallo que veo es

background-image: url('../images/folder1.gif') no-repeat 8px 6px

Quitale -image, si persiste, publica código completo o enlace a la web.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 05/02/2010, 06:20
Avatar de Werlisa  
Fecha de Ingreso: noviembre-2008
Mensajes: 286
Antigüedad: 9 años
Puntos: 28
Respuesta: Ayuda con hover en imagenes

Cita:
Iniciado por Impostor Ver Mensaje
En principio, el único fallo que veo es

background-image: url('../images/folder1.gif') no-repeat 8px 6px

Quitale -image, si persiste, publica código completo o enlace a la web.

Saludos¡¡
Ole!! Ahora si q si!! Muchas gracias compi...1 saludo!!
  #4 (permalink)  
Antiguo 05/02/2010, 06:23
Avatar de Werlisa  
Fecha de Ingreso: noviembre-2008
Mensajes: 286
Antigüedad: 9 años
Puntos: 28
Respuesta: Ayuda con hover en imagenes

Cita:
Iniciado por Werlisa Ver Mensaje
Ole!! Ahora si q si!! Muchas gracias compi...1 saludo!!
Por cierto q tambien habia q borrar esto:

.homeCategories ul li a:hover { background-image: url('../images/folder1.gif') no-repeat 8px 6px;}

Etiquetas: hover, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 21:52.