Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: StrokeTracer 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
<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:
td:hover {
background: #000; color: #fff;
}
Si es que alguno me pudiese ayudar se los agradeceria mucho.
-
tr:hover td {
background: #000; color: #fff;
}
-
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?