Tabless

[daniellelckhrt 0]

Gente,

 

Por muitos anos, utilizei tabelas no layout. Agora desejo resumir as tabelas à apresentação de dados.

Minha dúvida é, como ficaria um conteúdo dinâmico dentro de uma div:

Se antes, eu inseria o conteúdo em uma tabela (dentro de uma célula de outra tabela):

    <table width="100%" border="0" cellspacing="1" cellpadding="2">

        <!--looping com os resultados do db-->
        <tr>
           <td width="30%" height="200">
                <center><img src="<?=$foto ?> width="120" Height="160"></a></center>
            </td>
            <td width="70%" height="200">
                Produto: <?=$produto ?><br>
                Preço: <?=$preco ?><br>
            </td>
        </tr>
        <!-- fim do loop -->

    </table>

Como eu coloco o apresento o resultado dinamico dentro de uma DIV? Seriam divs dentro de divs?

 

 

[rockrgo 138]

vai usar diversas outras tags não só as divs...

 

para titulos vc usa a familia H (<h1>,<h2>,<h3>,etc).

parágrafos vc usa a tag <p>, links <a> e assim vais...

 

recomendo dar uma estudada em html, pelo que vi vc anda meio desatualizado.

este é um ótimo site para consultas.

http://www.w3schools.com/

[daniellelckhrt 0]

Concordo que estou desatualizada. Vou dar uma estudada sim, mas preciso, com certa urgencia, uma forma de apresentar os dados sequenciais e em duas colunas (como antes eu apresentava com <tr> e <td>), dentro de uma div...

 

<tr>
    <td>foto1</td>
    <td>nome1</td>
</tr>
<tr>
    <td>foto2</td>
    <td>nome2</td>
</tr>

Alguma dica?

[William Bruno 1501]

se forem dados tabulares, com linhas e colunas então vc não deve usar div. Mas sim usar table mesmo.

 

semânticamente table é correto para dados tabulares.

[daniellelckhrt 0]

Depois de pesquisar um pouco e estudar algumas páginas convertidas para tabbleless, descobri que <li> resolve o problema...

<div id="coluna1">
     <ul>
         <li><img src="imagem1"> descricao1 </li>
         <li><img src="imagem2"> descricao2 </li>
         <li><img src="imagem3"> descricao3 </li>
    </ul>
</div>

 

Obrigada à todos...

 

Danielle

[William Bruno 1501]

se forem dados tabulares, usar LI é um erro.