Autor Tema: Cambiar fondo de una Tabla  (Leído 690 veces)

Desconectado StrokeTracer

  • PHPerit@
  • *
  • Mensajes: 3
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Cambiar fondo de una Tabla
« en: 29 de Julio de 2013, 04:45:44 am »
Tengo una duda sobre una tabla que ando realizando con unos horarios.
Mi problema va a esto: Al realizar la tabla queda algo asi el codigo de ella

Código: [Seleccionar]
<table><tbody><tr>
<td></td>Hora<td>Lunes</td><td >Martes</td><td>Miercoles</td></tr>
    <tr><td>00:00</td>1<td>1</td><td>1</td><td>3</td></tr>
    <tr><td>02:00</td>2<td style="background: #000;">2</td><td>2</td><td>2</td></tr>
    <tr><td>04:00</td>3<td>3</td><td>3</td><td>3</td></tr>
</tbody></table>

Lo que intento es que al pasar el raton sobre alguna de las celdas (por ejemplo, la que tiene la propiedad style="background: #000;") toda la fila y toda la columna se le cambie el color al color #000 de fondo de tal manera que el usuario pueda guiarse mejor sobre el dia y la hora que corresponde a dicho nombre (son nombres pero eh colocado numeros) ya que en la tabla eh colocado muchos horarios y dias por lo cual hay varios nombres dispersados en ella...


PD: Eh intentado con el siguiente CSS pero no encuentro la solucion a mi problema siendo que este solamente rellena la fila horizontalmente:
Código: [Seleccionar]
td:hover {
background: #000; color: #fff;
}


Si es que alguno me pudiese ayudar se los agradeceria mucho.

Comunidad PHPeros

Cambiar fondo de una Tabla
« en: 29 de Julio de 2013, 04:45:44 am »

Desconectado LuisOrozco

  • PHPer@
  • **
  • Mensajes: 58
  • Karma: 6
  • Sexo: Masculino
  • Incipiente Software Developmenet Manager
    • Ver Perfil
Re:Cambiar fondo de una Tabla
« Respuesta #1 en: 30 de Julio de 2013, 03:32:37 am »
Citar
tr:hover td {
background: #000; color: #fff;
}
Un día se me ocurrió nacer... y lo hice.

Desconectado StrokeTracer

  • PHPerit@
  • *
  • Mensajes: 3
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Cambiar fondo de una Tabla
« Respuesta #2 en: 03 de Agosto de 2013, 00:16:01 am »

Gracias, pero no es lo que buscaba...
Lo que hace es cambiarle el fondo a la fila horizontalmente pero tambien necesitaba que fuera verticalmente haciendo el efecto de una cruz en el fondo...

Por hay un amigo me ha dicho que con th funcionaba pero no he podido hacerlo, ¿algun otro codigo que tengas?
« Última modificación: 03 de Agosto de 2013, 09:41:01 am por StrokeTracer »