Foros del Web » Creando para Internet » CSS »

Mouseover sobre celda y cambiar fondo?

Estas en el tema de Mouseover sobre celda y cambiar fondo? en el foro de CSS en Foros del Web. Hola: tengo una cosulta. resulta que estube probando con un style que me cambia el fondo de una celda al hacer mouseover, el problema es ...
  #1 (permalink)  
Antiguo 12/06/2005, 01:02
 
Fecha de Ingreso: diciembre-2004
Mensajes: 41
Antigüedad: 19 años, 2 meses
Puntos: 0
Mouseover sobre celda y cambiar fondo?

Hola:
tengo una cosulta.
resulta que estube probando con un style que me cambia el fondo de una celda al hacer mouseover, el problema es que me cambia todas las celdas de mi sitio (o donde incluyo el css) y yo solo quiero cambiar el fondo a celdas específicas.
este es mi código.

tr:hover{background: #f7f7f7;border-bottom: 1px solid #333;}

el efecto que quiero conseguir es mas o menos el de esta pagina
http://www.aplusnewmedia.ca/

se activan los links incluso cuando el puntero del mouse no se coloca en el texto. (me refiero a los links de color naranja ubicados en el lado derecho de la page "Visit site")

Cualquier ayuda es bienvenida.

Saludos.
  #2 (permalink)  
Antiguo 12/06/2005, 02:45
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Hola Weichafe

Pon tu css así: tr.clase:hover{...

y las filas te quedarían así: <tr class="clase">

Si en lugar de filas quieres hacerlo con celdas, es igual pero en lugar de tr tienes que poner td

Por cierto, ¿sabes que esto no funciona en todos los navegadores?

Saludos,
  #3 (permalink)  
Antiguo 12/06/2005, 19:51
 
Fecha de Ingreso: diciembre-2004
Mensajes: 41
Antigüedad: 19 años, 2 meses
Puntos: 0
Hola JavierB, y gracias por la pronta respuesta :)

Ahora se como hacer para lo que quiero, pero lo que me dices al último me causó dudas.

que navegadores soportan este código? y si es sólo cosa del código o los CSS en general no son soportados por algunos navegadores?

Sobretodo el tipo de navegador me interesa saber.

Gracias nuevamente.

Saludos.
  #4 (permalink)  
Antiguo 13/06/2005, 01:33
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Hola de nuevo.

Te dejo un enlace a una tabla que te puede ayudar. Es sobre lo que soporta cada navegador:

http://www.blooberry.com/indexdot/cs...key/syntax.htm

Saludos,
  #5 (permalink)  
Antiguo 13/06/2005, 02:16
 
Fecha de Ingreso: octubre-2004
Mensajes: 2.627
Antigüedad: 19 años, 4 meses
Puntos: 48
El navegador con peor soporte de CSS es el de micro$oft. Dicen que con el IE7 van a obedecer mejor los standards, lo creere cuando lo vea.
  #6 (permalink)  
Antiguo 14/06/2005, 08:14
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
mouseover sobre <td>

El problema con :hover es que IE no lo reconoce si no es sobre un <a>.
Creo que con la siguiente técnica, el tema se resuleve:
Para las celdas que quieron ese efecto, defino los dos estados
td.desactivado {
background: #FFFFFF;
}

td.activado {
background: #00FF66;
}

Y en el HTML lo manejo de la siguiente forma:
<td class="off" onmouseover="this.className='activado'"
onmouseout="this.className='desactivado'"</td>

Saludos!
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #7 (permalink)  
Antiguo 14/06/2005, 23:57
 
Fecha de Ingreso: diciembre-2004
Mensajes: 41
Antigüedad: 19 años, 2 meses
Puntos: 0
Gracias amigos por sus valiosas respuestas, voy a poner en práctica sus consejos.

saludos.
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 (incluyéndote)




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