HTML + TABELA

25/02/2013

1

Olá gente,

como faço para criar uma tabela,

com cores nas minhas células alternado ?
Responder

Posts

26/02/2013

Robson Alves

Utilizando apenas css

 <style type="text/css">
table.alternate tr:nth-child(odd) {
    background-color: #888888;
}
 
table.alternate tr:nth-child(even) {
    background-color: #BBBBBB;
}</style>



Mas se não me engano esse código não funciona no IE8--

Então use via Jquery

<style type="text/css">
 
.odd {background: #caf2fe;}
 
</style>

<script type="text/javascript">
 $(document).ready(function(){ 
 $("tr:odd").addClass("odd");
 }); 
</script>
Responder
Beleza Robson,

mas tenho a necessidade de trabalhar

com CSS para fazer desta forma ?
Responder

27/02/2013

Joel Rodrigues

Sim, Gus. No mínimo você precisará de CSS.
A menos que queira usar a propriedade BGCOLOR em cada linha da tabala, manualmente. Só que esse atributo já foi descontinuado.
CSS é a forma mais simples.
Responder

27/02/2013

Robson Alves

Sim, como vc faria para atribuir cores sem css? ou com o que você quer trabalhar?
Responder
Robson, esse Jquery funciona como o CSS(arquivo independente) ou é inserido no proprio html?
Responder

27/02/2013

Robson Alves

Robson, esse Jquery funciona como o CSS(arquivo independente) ou é inserido no proprio html?


As duas coisas!

O Jquery inclui apenas a Class no objeto HTML e a Class pode estar (deve) em um arquivo css, no caso acima o style está declarado na página para efeitos de visualização!

Abraços.
Responder

27/02/2013

Robson Alves

Cara, entendi errado sua pergunta.

Sim o Jquery pode estar em um arquivo independente!
Na página só precisa estar referenciado o script onde o jquery foi escrito!
Responder
era isso mesmo que eu queria saber, muito obrigado.
Responder

28/02/2013

Joel Rodrigues

Então a questão que deu origem ao tópico foi resolvida?
Responder
Sim.

Pode encerrar caro amigo.
Responder

01/03/2013

Robson Alves

Assunto encerrado!
Responder

01/03/2013

Joel Rodrigues

Obrigado pelo retorno, pessoal.
Estou marcando o tópico como concluído.
Responder
×
+1 DevUP
Acesso diário, +1 DevUP
Parabéns, você está investindo na sua carreira