18/12/2006, 17:51
| |||
| |||
| cambiar color de celda al pasar raton Hola: ¿Alguien puede ayudarme a crear una tabla con 1 fila y 6 columnas, que al pasar el raton por encima cambie la celda de color? Es que lo estoy intentando pero solo logro crear una celda y si pongo otra me queda debajo en vertical, y yo las quiero horizontales. ¿Alguien puede decirme como hacerlo? Muchas gracias |
|
19/12/2006, 01:23
| ||||
| ||||
| Re: cambiar color de celda al pasar raton Hola: Es muy raro lo que te pasa poque el estilo para cambiar el color no tiene nada que ver con el formato o tamaño... <td onmouseover="this.style.backgroundColor = 'red'" onmouseout="this.style.backgroundColor = 'blue'" > Saludos 
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
|
19/12/2006, 04:03
| |||
| |||
| Re: cambiar color de celda al pasar raton Si, pero el problema es que no se como usar este código para hacer la tabla que comento, o sea, donde coloco este código para que la tabla de 1 fila y 6 columnas me cambien el color de las celdas al pasar el ratón por encima. Si pongo por ejemplo este código: <table border=0 cellpadding=0 cellspacing=0> <tr> <td onmouseover='this.style.background="#cc0000"' onmouseout='this.style.background="white"'> Este seria el texto dentro de una celda </td> </tr> </table> Me sale solo una celda, y si lo pongo otra vez me sale otra celda, pero dejabo, en vertical. ¿Como lo hago para hacer una tabla de 1 fila y 6 columnas , alguien puede darme un código de ejemplo o algo que me ayude? es que por más que lo pruebo no doy con ello. Un saludo Última edición por PURACO; 19/12/2006 a las 04:18 |
|
19/12/2006, 04:39
| ||||
| ||||
| Re: cambiar color de celda al pasar raton Hola: Si sale abajo es porque a la vez de una celda, añades una fila (tr)...  <table border=0 cellpadding=0 cellspacing=0> <tr> <td onmouseover='this.style.background="#cc0000"' onmouseout='this.style.background="white"'> Este seria el texto dentro de la celda 1 </td> <td onmouseover='this.style.background="#cc0000"' onmouseout='this.style.background="white"'> Este seria el texto dentro de la celda 2 </td> <td onmouseover='this.style.background="#cc0000"' onmouseout='this.style.background="white"'> Este seria el texto dentro de la celda 3 </td> <td onmouseover='this.style.background="#cc0000"' onmouseout='this.style.background="white"'> Este seria el texto dentro de la celda 4 </td> <td onmouseover='this.style.background="#cc0000"' onmouseout='this.style.background="white"'> Este seria el texto dentro de la celda 5 </td> <td onmouseover='this.style.background="#cc0000"' onmouseout='this.style.background="white"'> Este seria el texto dentro de la celda 6 </td> </tr> </table> Fíjate que el tag de final de fila (/tr) se pone detrás de todas las celdas... No sé si será ese tu problema. Saludos
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
