Cambiar fondo celdas (toda la fila)

skamarcos · #1 (**permalink**) 09/08/2003, 08:09

Hola,

Querría cambiar el color de fondo de toda la fila al poner el ratón encima, con una celda no hay problema, pero me gustaría (si es posible) que canviara toda la fila.
He provado con poner el OnMouseOver ... en el <tr> pero no va ...

A ver si hay alguna solución,
gracias por adelantado!

caricatos · #2 (**permalink**) 09/08/2003, 09:12

Hola skamarcos:

¿Cómo lo has probado?

Por lo menos en netscape y en explorer se puede hacer como tu dices... tal vez tengas asignados colores de fondo en las celdas, y en tal caso no funcionaría (tendrías que ponerlos transparentes)

Saludos

skamarcos · #3 (**permalink**) 09/08/2003, 09:23

Vale, consigo ke funcione a medias ... en el navegador no me va ... solo en la funcion preview del editor (adobe golive 6). Pego aquí el código:

Código:

<table width="90%" border="0" cellspacing="1" cellpadding="2" class="taula">
				<tr>
					<td class="ed-titols" width="5%">Id</td>
					<td class="ed-titols" width="45%">Descripci&oacute;</td>
					<td class="ed-titols" width="13%">Tema</td>
					<td class="ed-titols" width="12%">Data</td>
					<td class="ed-titols" width="13%">Llegida (cops)</td>
					<td class="ed-titols" width="12%">N. Comentaris</td>
				</tr>
				<tr onmouseover="this.style.backgroundColor='#E7F0FE'" onmouseout="this.style.backgroundColor='#B9D1F7'">
					<td class="ed-valors" width="5%">001</td>
					<td class="ed-valors" width="45%" ><a href="#" class = "enllac">Not&iacute;cia de prova, Subt&iacute;tol de la not&iacute;cia de prova </a></td>
					<td class="ed-valors" width="13%">Linux</td>
					<td class="ed-valors" width="12%">08-08-2003</td>
					<td class="ed-valors" width="13%">molts :P</td>
					<td class="ed-valors" width="12%">uff!</td>
				</tr>
			</table>

Ahora la hoja de estilo que uso:

Código:

.taula
{
 cellspacing: 1;
 cellpadding: 2;
 background: #000000;
}

.ed-titols	
{
 font-family: Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: bold;
 color: #FFFFFF;
 background: #699FF1;
}

.ed-valors
{
 font-family: Arial, Helvetica, Sans-serif;
 font-size: 9pt;
 color: #003399;
}

caricatos · #4 (**permalink**) 09/08/2003, 09:44

Hola otra vez:

Acabo de probarlo en explorer y netscape y va bien...

Si usas alguno de los navegadores que te dije, tal vez sea que no sé cuál es la manera que debería verse.

Al principio está la celda con fondo negro, y es que toma el color de la tabla ya que no está definido para las celdas, pero los eventos funcionan perfectamente...

Porqué no indicas cómo quieres que funcione...

Por último, si quieres poner el color de fondo con estilo es más adecuado background-color (backgroundColor mediante script)

Saludos

skamarcos · #5 (**permalink**) 09/08/2003, 10:08

Ya se lo que es ...
ese trozo de cófigo lo incluyo despues en php con un include y en la página 'contenedora' uso un estilo y hay un conflicto de estilos, jejeje, ahora lo he provado en un fichero solo con este código y funciona perfectamente.

Gracias por todo.

caricatos · #6 (**permalink**) 09/08/2003, 10:15

... Estupendo.

Saludos