Dicas Html

4 respostas
M

Olá pessoal, alguém poderia me dar umas dicas de html em relação a listagem de dados, seguinte:

  • Como fazer uma listagem estilo zebra ??
  • Como fazer uma lista com as quinas da tabela arredondadas ??
  • Como fazer uma lista sem usar tables e sim Divs, com os efeitos acima questionados ??

Obrigado galera !!!

4 Respostas

rodolfodev

use o codigo:

if (i%2==0) "corSim";
else "corNão";

claro que isso na hora de escrever o html.

Com imagem de canto arredondado e tem gente que faz com css.

Para essa resposta procure por tableless no google

Site de tableless:
http://www.tableless.com.br

M

marceloplis,

dê uma olhada nesse site http://www.maujor.com procure por “Efeitos em Tabelas” no menu principal da página, as suas dúvidas vão estar esclarecidas por ali.

Sobre usar DIVs para criar a sua listagem, uma opinião minha, se a tua idéia é seguir o padrão Tableless, que prega o não uso de tabelas para montar o layout de alguma página, você pode estar se equivocando um pouco, pois está querendo não usar tabelas no único lugar onde ela é realmente útil, uma listagem nada mais é do que uma tabela então use o TABLE, mas como eu disse, só uma opinião minha.

:wink:

M

marcelopolis,

sobre as tabelas com canto arredondado de uma olhada nisso http://www.maujor.com/tutorial/mat_tabCArred.php ou nisso http://www.maujor.com/w3ctuto/roundshadow.html

:wink:

rodolfodev

Um exemplo de borda arredondada com css.

<style>
.f1, .f2, .f3, .f4 {display:block; overflow:hidden; font-size:1px;}
.f1, .f2, .f3 {height:1px;}
.f2, .f3, .f4 {background:white; border-left:1px solid navy; border-right:1px solid navy;}
.f1 {margin:0 5px;background:navy;}
.f2 {margin:0 3px; border-width:0 2px 0 2px;}
.f3 {margin:0 2px;}
.f4 {height:2px; margin:0 1px 0 1px;}
.conteudo{border-left:1px solid navy;border-right:1px solid navy;}
</style>

<b class='f1'></b><b class='f2'></b><b class='f3'></b><b class='f4'></b>
&lt;div class='conteudo'&gt;
blabla<br>
blabla<br>
blabla<br>
blabla<br>
&lt;/div&gt;
<b class='f4'></b><b class='f3'></b><b class='f2'></b><b class='f1'></b>
Criado 1 de junho de 2006
Ultima resposta 1 de jun. de 2006
Respostas 4
Participantes 3