Foros del Web » Creando para Internet » CSS »

Evento Hover con background de celda

Estas en el tema de Evento Hover con background de celda en el foro de CSS en Foros del Web. Hola gente del for, estoy haciendo una página y quiero utilizar las CSS. Estoy viendo que se puede hacer lo siguiente pero no se como: ...
  #1 (permalink)  
Antiguo 11/02/2009, 11:47
 
Fecha de Ingreso: marzo-2004
Mensajes: 117
Antigüedad: 13 años, 8 meses
Puntos: 0
Evento Hover con background de celda

Hola gente del for, estoy haciendo una página y quiero utilizar las CSS.
Estoy viendo que se puede hacer lo siguiente pero no se como:

En unas celdas tengo un menú horizontal. En cada celda tengo un enlace. Quiero que cada celda tenga una imagen de background y que cuando se haga el evento Hover sobre el enlace, se cambie la imagen del background.
¿Cómo se puede hacer?
Gracias y saludos.
Jordi
  #2 (permalink)  
Antiguo 11/02/2009, 12:02
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Evento Hover con background de celda

Investiga el uso de sprites y la propiedad background-position.
Pero no es nada recomendable usar únicamente imagénes de fondo para elementos significativos como un enlace. Si no se cargan las imágenes no hay forma de acceder a los contenidos.

Pasa por el tema Votaciones Competencia Enero 09 , en la propuesta de Pao01 y en la de Bozu tienes dos ejemplos.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 11/02/2009, 12:03
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Evento Hover con background de celda

Saludos jordivargas!!

Evidentemente, usas un menu con tablas, cierto?

Entonces, vamos a comenzar por ahi.

Actualmente las tablas son elementos que ya no son usados para maquetar, aunque si para tabular objetos y evidentemente, crear un menu con tablas, no es lo correcto.

Tendrias que iniciar tu menu con una lista ordenada, de esta forma, es mucho mas facil hacer un menu, y sobre todo, que tu web se vuelve mas liviana de lo que es, por lo que sera mucho mas facil de verla en navegadores antiguos y en moviles.

Teniendo tu menu en una lista ordenada, ya es mucho mas facil crear el efecto que quieres, porque tendrias que poner:

a:hover {
background: #color
}

Y Listo! tendras el hover como lo quieres.

Si necesitas ayuda con algo más, no dudes en preguntar!

Hasta Luego!!

EDITO: Uff!! por un minuto kseso? se ha adelantado!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #4 (permalink)  
Antiguo 11/02/2009, 12:07
 
Fecha de Ingreso: marzo-2004
Mensajes: 117
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Evento Hover con background de celda

Muchas gracias, voy a probar lo que me comentáis y ya os digo algo.
Nota: poco a poco si que me gustaria maquetar solo con CSS y dejar de banda las tablas, tal vez este sea un buen momento.
Gracias y saludos.
Jordi
  #5 (permalink)  
Antiguo 11/02/2009, 12:40
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Evento Hover con background de celda

Lo que tu buscas, ya lo han resuelto hace poco, si es una imagen para cada item, entonces deberás usar una clase para cada item, también podrías usar javascript para variar la css dinamicamente, puedes leer algo sobre eso aqui: http://www.forosdelweb.com/f53/consu...olapas-665027/. Si esto no resuelve tus dudas pregunta nuevamente.

Saludos!!
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
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 16:27.