Foros del Web » Creando para Internet » CSS »

cambiar color de fondo en tablas por css??

Estas en el tema de cambiar color de fondo en tablas por css?? en el foro de CSS en Foros del Web. Saludos a todos. Mi pregunta es: Si se le puede cambiar el color de fondo a las tablas en css al pasar el mouse por ...
  #1 (permalink)  
Antiguo 13/01/2008, 16:22
Avatar de CrepitantE  
Fecha de Ingreso: octubre-2006
Ubicación: Colombia
Mensajes: 420
Antigüedad: 11 años, 1 mes
Puntos: 7
cambiar color de fondo en tablas por css??

Saludos a todos.

Mi pregunta es:

Si se le puede cambiar el color de fondo a las tablas en css al pasar el mouse por ellas.

Agradeceria mucho su ayuda.
__________________
-
  #2 (permalink)  
Antiguo 13/01/2008, 16:35
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: cambiar color de fondo en tablas por css??

Si, por ejemplo para cambiar el color de la fila se puede hacer:
Código:
<html>
<head>
<style type="text/css">
.filaItem1 { background-color: white;  }
.filaItem0 { background-color: yellow; }
.filaOver  { background-color: pink;   }
</style>
</head>
<body>
<table>
  <tr class="filaItem0" onmouseover="this.className='filaOver'" onmouseout="this.className='filaItem0';">
    <td>hola</td>
  </tr>  
  <tr class="filaItem1" onmouseover="this.className='filaOver'" onmouseout="this.className='filaItem1';">
    <td>que tal</td>
  </tr>
</table>  
</html>
__________________
Grupos de Música
Pop Music Stars
  #3 (permalink)  
Antiguo 14/01/2008, 01:45
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: cambiar color de fondo en tablas por css??

Hola CrepitantE

Para la mayoría de los navegadores, que no sean IE 6 o anteriores, puedes usar:

Código:
td:hover {background:red}
Saludos,
  #4 (permalink)  
Antiguo 14/01/2008, 08:40
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 meses
Puntos: 2
Re: cambiar color de fondo en tablas por css??

JavierB ie7 tp soporta el hover en el td, creo que en el 8 si xD
  #5 (permalink)  
Antiguo 14/01/2008, 09:32
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: cambiar color de fondo en tablas por css??

Hola safranero

IE 7 sí admite td:hover acabo de probarlo.

Saludos,
  #6 (permalink)  
Antiguo 14/01/2008, 09:35
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 meses
Puntos: 2
Re: cambiar color de fondo en tablas por css??

Que versión has probado ? porque a mi no me funciona.
  #7 (permalink)  
Antiguo 14/01/2008, 09:47
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 meses
Puntos: 2
Re: cambiar color de fondo en tablas por css??

A mi con este código no me funciona y la versión de ie7 es: 7.0.5730.11IC

Código:
        * { margin:0; padding:0 }
        
        body { background: #fff; text-align:center; }
        
        table {
            position:absolute;
            left:30%;
            top:30%;
            border:1px solid #000;
            width:500px;
        }
        
        td {
            padding: 5px;
            border:1px solid #000;
        }
        
        td:hover {
            background:red
        }
        
        tr td:hover {
            background:blue;
        }
        
        tr:hover td {
            background: yellow;
        }
El html es:

Código:
    <table>
        <tr>
            <th>Cabecera 1</th>
            <th>Cabecera 2</th>
            <th>Cabecera 3</th>
        </tr>
        
        <tr>
            <td>Columna 1</td>
            <td>Columna 2 </td>
            <td>Columna 3</td>
        </tr>
        
        <tr>
            <td>Columna 1</td>
            <td>Columna 2 </td>
            <td>Columna 3</td>
        </tr>        
        <tr>
            <td>Columna 1</td>
            <td>Columna 2 </td>
            <td>Columna 3</td>
        </tr>
    </table>
Un saludo.
  #8 (permalink)  
Antiguo 14/01/2008, 09:58
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: cambiar color de fondo en tablas por css??

Hola de nuevo.

La mía es la 7.0.5730.11 ¿Has puesto un DOCTYPE?

Saludos,
  #9 (permalink)  
Antiguo 14/01/2008, 10:02
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 meses
Puntos: 2
Re: cambiar color de fondo en tablas por css??

No, no lo puse.
  #10 (permalink)  
Antiguo 14/01/2008, 10:07
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 meses
Puntos: 2
Re: cambiar color de fondo en tablas por css??

Vale, pues si que era eso, la verdad es que nunca creí que el doctype era tan importante.

Lo he puesto y ya me ha funcionado el hover. Lo malo es que lo he puesto y las capas se me han desposicionado y un texto que tenia oculto dentro de un span ahora es visible...
  #11 (permalink)  
Antiguo 14/01/2008, 10:23
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 meses
Puntos: 2
Re: cambiar color de fondo en tablas por css??

Ya estoy resolviendo varias cosas jejejeje, solo me queda el span que esta visible!! Me gusta esto del estricto, me ha solucionado unas cuantas cosas.
  #12 (permalink)  
Antiguo 14/01/2008, 10:40
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: cambiar color de fondo en tablas por css??

Por cierto safranero, por si no lo sabes: en lugar de poner varios mensajes seguidos en el foro, también hay una opción para editar mensajes.
__________________
Grupos de Música
Pop Music Stars
  #13 (permalink)  
Antiguo 14/01/2008, 10:44
 
Fecha de Ingreso: enero-2007
Mensajes: 157
Antigüedad: 10 años, 10 meses
Puntos: 2
Re: cambiar color de fondo en tablas por css??

Si, lo sé, perdón.
  #14 (permalink)  
Antiguo 14/01/2008, 12:25
Avatar de CrepitantE  
Fecha de Ingreso: octubre-2006
Ubicación: Colombia
Mensajes: 420
Antigüedad: 11 años, 1 mes
Puntos: 7
Re: cambiar color de fondo en tablas por css??

Agradezco profundamente a todos por su ayuda, realmente me instruyó bastante. Las discusiones fueron bastante productivas.

PD: una pregunta onmouseout-onmouseover es javascript o hace parte de funcinoes de html???
__________________
-
  #15 (permalink)  
Antiguo 14/01/2008, 15:36
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: cambiar color de fondo en tablas por css??

Hola CrepitantE

onmouseover y onmouseout son eventos de JavaScript.

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




La zona horaria es GMT -6. Ahora son las 04:30.