[Resolvido] Colocar efeito nas linhas das tabelas

[sipmann 2]

beleza?? creio que seja em css a ajuda que necessito...

Sabe tals... quando fazem uma listagem de algo tipo rank de melhores colocados e tals... quase sempre cada linha tem uma cor diferente da outra

 

tipo assim

 

LINHA 1

LINHA 2

LINHA 3

LINHA 4

 

só q como cor de fundo... n achei nenhum link demonstrativo....

 

vlw desde ja!

[webflex 0]

Olá,

 

Por exemplo:

<tr class="vermelho">
<td>Nome</td>
<td>Idade</td>
<td>Morada</td>
</tr>
<tr> class="cinzento">
<td>Nome1</td>
<td>Idade1</td>
<td>Morada1</td>
</tr>
<tr class="vermelho">
<td>Nome2</td>
<td>Idade2</td>
<td>Morada2</td>
</tr>
<tr> class="cinzento">
<td>Nome3</td>
<td>Idade3</td>
<td>Morada3</td>
</tr>

CSS:

tr.vermelhor {
background-color: #FF000D; 
}

tr.cinzento {
background.color: #808080;
}

Cumps \o/

[sipmann 2]

bah cara... foi mal... me espressei errado...

tipo... é isso mesmo mas com interação em php

 

tipo tem um while

while($li = mysql_fetch_array($ex))
{

echo "<tr>
			<td>
					  INFOS
			</td>
		 </tr>";
}

dai cada uma dessas linhas em uma cor diferente sacas???

 

vlwww

[brcontainer 16]

isso é melhor você ir na sessão de PHP

pois se usa um calculo de porcentagem

para se obeter o resultado

assim seria:

 

PHP

echo "<table>";

for ($count = 0; $row <= $num_results; $count++)

{

 

if ($count % 2){ $cor_linha = "vermelho";

}else{ $cor_linha = "cinzento"; }

 

echo "<tr class='".$cor_linha."'>";

echo "<td></td>";

echo "</tr>";

}

echo "</table>";

[webflex 0]

Olá,

 

Eu também tinha ficado com essa impressão que você queria algo dinamica, so faltava ter a certeza :P.

Pergunte na secção correcta. Eu por exemplo nao te consigo ajudar, pois ando a aprender a programar ainda.

 

Cumps \o/

[sipmann 2]

vlwwwww!!!

 

vo tenta entende o código...

e foi mal pelo erro... pensei que css teria alguma função em especial!!

mas vlw ae!!!

[brcontainer 16]

que bom que sua duvida foi resolvida

 

este tópico acaso tenha alguma duvida referente use-o para questões

HTML, CSS referentes a pergunta ^^

 

;)