Tabla a dos colores

DragonX · #1 (**permalink**) 04/12/2006, 19:00

Amigos, como andan!!!!?? como estoy incursionando en esto de los CSS voy a andar por aca molestndo....

Estoy armando una tabla con contnidos, estos serán noticias y novedades, y mi idea es que las filas presenten un color alterno entre una y otras, por ejemplo gris, blanco, gris, blanco.....y asi sucesivamente....

A cualquiera que me pueda dar una mano se lo agradecería de por vida

DX

seoista · #2 (**permalink**) 05/12/2006, 04:06

Hola DragonX

¿Algo así es lo que quieres?

Código:

<html>
<head>

<script language="javascript">
function pinta(){
	cual=document.getElementById("tabla").rows;

	for(a=0;a<cual.length;a++){
		color(a);
	}
}
function color(b){
	if(b%2==0)
		cual[b].style.backgroundColor="#ff0000";
	else
		cual[b].style.backgroundColor="#0000ff";
}
</script>

</head>

<body onload="pinta()">

<table width="200px" height="300px" border="0" id="tabla">
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
</table>

</body>
</html>

Suerte

DragonX · #3 (**permalink**) 05/12/2006, 07:07

seoista mil gracias!!!! era exactamente lo que andaba buscando!!!!!

Te lo agradezco infinitamente!

DX

JavierB · #4 (**permalink**) 05/12/2006, 08:05

Hola a los dos.

Como se ha resuelto con JavaScript, vayamonos a ese foro.

Movido desde Css.

Saludos,

DragonX · #5 (**permalink**) 05/12/2006, 08:08

oki doki