como alternar un color en una tabla

[roboty]

tengo una tabla donde muestro los resultados mi problema es que siempre sale el mismo color y queda muy feo me gustaria que que se alternara el color de fono osea que en los primero resultado salga el color asignado y el el siguiente sin color asin relativamente.

ejemplo:

Código HTML:

<div>
<table style="background-color: rgb(133, 133, 133);">
<tr>
   <td>documentos</td>nombres<td></td>
</tr>
</table>
</div>
 

osea este seria el primer resultado y el siguiente resultado tendria que ser blanco osea asin:

Código HTML:

<div>
<table style="background-color: rgb(255, 255, 255);">
<tr>
   <td>documentos</td>nombres<td></td>
</tr>
</table>
</div>
 

estos datos los saco de mi base de datos osea que las tablas se muestran en pantalla alguna idea de como quitar el color de fondo uno si otro no?

[emprear]

Necesitas un lenguaje del servidor,php por ejemplo

Código PHP:

// seguramente tenes un while para el bucle, entonces
 echo "<table width='100%'>";
 
 while($array = mysql_fetch_array($resultados)) {
#alternar color
    if ($colordefila==0){
        $color= "#000000";
        $colordefila=1;
     }else{
        $color="#FFFFFF";
        $colordefila=0;
     }
# fin alternar color
 
     echo "<tr><td bgcolor='$color'>".$array['titulo']."</td></tr>";
 
 } 
echo "</table>";
 

Yo te puse bgcolor para simplificar, pero podrias poner class="$color" y asignar nombres de clases en lugar de valores de color, y definirlas en tu css

Saludos

[roboty]

hola emprear y gracias amigo genial

[orlandopc09]

También podrías utilizar CSS 3 para lograr lo mismo, aunque esto tiene como inconveniente que solo los navegadores mas modernos lo interpretan.

Código CSS:

<style type="text/css">
    tr:nth-child(even) {
        background: #336699;
    }
    tr:nth-child(odd){
        background: #ff0000;
    }
</style>
 

[webosiris]

Mensaje repetido. Sigue en el foro de CSS.

Por favor leer las políticas de uso, no repetir temas. Gracias.