HTML + TABELA

Front-end

25/02/2013

Olá gente,

como faço para criar uma tabela,

com cores nas minhas células alternado ?
Gustavo Fernandes

Gustavo Fernandes

Curtidas 0

Respostas

Robson Alves

Robson Alves

25/02/2013

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>
GOSTEI 0
Gustavo Fernandes

Gustavo Fernandes

25/02/2013

Beleza Robson,

mas tenho a necessidade de trabalhar

com CSS para fazer desta forma ?
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

25/02/2013

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.
GOSTEI 0
Robson Alves

Robson Alves

25/02/2013

Sim, como vc faria para atribuir cores sem css? ou com o que você quer trabalhar?
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

25/02/2013

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

Robson Alves

25/02/2013

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.
GOSTEI 0
Robson Alves

Robson Alves

25/02/2013

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!
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

25/02/2013

era isso mesmo que eu queria saber, muito obrigado.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

25/02/2013

Então a questão que deu origem ao tópico foi resolvida?
GOSTEI 0
Gustavo Fernandes

Gustavo Fernandes

25/02/2013

Sim.

Pode encerrar caro amigo.
GOSTEI 0
Robson Alves

Robson Alves

25/02/2013

Assunto encerrado!
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

25/02/2013

Obrigado pelo retorno, pessoal.
Estou marcando o tópico como concluído.
GOSTEI 0
POSTAR