Foros del Web » Creando para Internet » HTML »

cambiar color de celda al pasar raton

Estas en el tema de cambiar color de celda al pasar raton en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/12/2006, 17:51
 
Fecha de Ingreso: noviembre-2003
Mensajes: 232
Antigüedad: 14 años, 1 mes
Puntos: 9
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
  #2 (permalink)  
Antiguo 19/12/2006, 01:23
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
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
  #3 (permalink)  
Antiguo 19/12/2006, 04:03
 
Fecha de Ingreso: noviembre-2003
Mensajes: 232
Antigüedad: 14 años, 1 mes
Puntos: 9
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
  #4 (permalink)  
Antiguo 19/12/2006, 04:39
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
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
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 16:55.