Foros del Web » Creando para Internet » CSS »

efecto hover en imagen

Estas en el tema de efecto hover en imagen en el foro de CSS en Foros del Web. Mi menu de botones lo componen imagenes y lo Tengo: un divpa contenedor y dentro de él otros divpa con una imagen en cada uno ...
  #1 (permalink)  
Antiguo 23/01/2011, 06:48
Avatar de priamo  
Fecha de Ingreso: enero-2011
Ubicación: Valencia
Mensajes: 78
Antigüedad: 13 años, 3 meses
Puntos: 0
efecto hover en imagen

Mi menu de botones lo componen imagenes y lo Tengo: un divpa contenedor y dentro de él otros divpa con una imagen en cada uno y quiero que al pasar el cursor sobre la imagen de uno de los botones se resalte tipo hover y que al pulsar y abrir la pagina determinada éste boton-imagen se quede de un color determinado.

He estado intentando con CSS pero no hay manera:Es problema de que el boton es una imagen?? Toda ayuda será agradecida
saludos
  #2 (permalink)  
Antiguo 23/01/2011, 09:13
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: efecto hover en imagen

Nada que ver. Puedes hacer el efecto :hover sobre cualquier div. Del mismo modo que harías con un enlace. ( div:hover, .botones:hover, #botónMenu:hover, etc... son selectores válidos y cambiarán las propiedades css que definas cuando pases con el ratón por encima de los elementos a los que hagan referencia).
Otra cosa distinta es el que te sirvan para realizar acciones como abrir una página. Tienes dos opciones, utilizar enlaces con imágenes con la etiqueta <a> dentro de ellos ocupando la totalidad del div o bien utilizar javascript.
El que el botón se quede de un color determinado al abrir una página debes especificarlo en la página que abres. Si has pulsado un boton que te abre la página contacto, cambia el color del botón contacto dentro de esta página. Así de simple.
  #3 (permalink)  
Antiguo 23/01/2011, 12:07
Avatar de priamo  
Fecha de Ingreso: enero-2011
Ubicación: Valencia
Mensajes: 78
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: efecto hover en imagen

SANXUAN, lo he probado y funciona.
Me queda lo del boton abierto en otra pagina pero cuando llegue lo haré como dices. Muchas Gracias

Etiquetas: efecto, hover
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




La zona horaria es GMT -6. Ahora son las 12:38.