Foros del Web » Creando para Internet » CSS »

Diferentes colores en las filas de una tabla

Estas en el tema de Diferentes colores en las filas de una tabla en el foro de CSS en Foros del Web. Es la primera vez que escribo algo en el foro de CSS y no estoy seguro si se puede hacer en el estilo o se ...
  #1 (permalink)  
Antiguo 27/05/2005, 12:50
Avatar de CarlosAndres  
Fecha de Ingreso: julio-2004
Ubicación: Bogotá, Colombia
Mensajes: 80
Antigüedad: 13 años, 5 meses
Puntos: 0
Pregunta Diferentes colores en las filas de una tabla

Es la primera vez que escribo algo en el foro de CSS y no estoy seguro si se puede hacer en el estilo o se necesita cambiar el código (tampoco lo sé hacer por código).

Pues tabajo en .NET, tengo una tabla (DataGrid) y quiero que quede en dos colores intercalados por filas, es decir, una fila de un color, la siguiente de otro color, la siguiente del primer color, la siguiente del segundo color...

Como lo harián , es posible colocar un color a las filas pares y otro a las impares

Les encargo un manualito de CSS o algo así
  #2 (permalink)  
Antiguo 27/05/2005, 14:04
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
Hola CarlosAndres:

La parte css de tu pregunta es muy básica...

.par {background-color: black; color: white;}
.impar {background-color: white; color: black;}

Y la asignación del estilo o clase dependerá del lenguaje...
No tengo idea del manejo de .NET, pero en javascript es llevar un contador y asignar la clase según sea par o impar (dividir por 2 y ver el resto)

Espero que te sirva.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 27/05/2005, 14:37
 
Fecha de Ingreso: enero-2005
Mensajes: 93
Antigüedad: 12 años, 10 meses
Puntos: 1
Cita:
Iniciado por caricatos
Hola CarlosAndres:

La parte css de tu pregunta es muy básica...

.par {background-color: black; color: white;}
.impar {background-color: white; color: black;}

Y la asignación del estilo o clase dependerá del lenguaje...
No tengo idea del manejo de .NET, pero en javascript es llevar un contador y asignar la clase según sea par o impar (dividir por 2 y ver el resto)

Espero que te sirva.

Saludos
Yo lo hice así, y funcionaba muy bien.
  #4 (permalink)  
Antiguo 28/05/2005, 01:12
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
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=200 height=300 border=0 id="tabla">
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
</table>

</body>
</html>
Saludos
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #5 (permalink)  
Antiguo 12/07/2005, 18:56
Avatar de CarlosAndres  
Fecha de Ingreso: julio-2004
Ubicación: Bogotá, Colombia
Mensajes: 80
Antigüedad: 13 años, 5 meses
Puntos: 0
Disculpen por no contestar, pero aplique´parte y parte de cada respuesta y funcionó.
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 08:50.