locked
Table ou Div ? RRS feed

  • Pergunta

  • Bom dia Pessoal,

     

    Estou com um problema e não sei como resolver ou a melhor maneira de resolver. Tenho que dividir minha página em duas partes , o lado direito seria meu menu e o esquerdo onde vou mostrar o conteudo conforme o que for selecionado. Pois bem, usando div não consigo fazer essa layout , mas com tabelas tranquilo.Estou começando a trabalhar com html e web e andei lendo um pouco sobre isso no forum e percebi que o pessoal indica sempre a usar div , é isso mesmo? é possível fazer com que um div fique lado a lado com outro ? .

     

    Grato pela atenção de todos .

     

    Moacir A. Rannow

     

     

     

     

     

     

     

    segunda-feira, 7 de abril de 2008 13:47

Respostas

  • Caro Moacir, isso é relativo.
    No seu caso eu aconselharia trabalhar com tables. Div são bem utilizados, mas a chance de desalinhamento é muito maior.
    Faça um teste, qq dúvida poste aí.

    []s.
    segunda-feira, 7 de abril de 2008 14:34
  • Moacir,

     

    os mais "puristas" não recomendam o uso do table pois a tabela não deveria ser utilizada para formatação visual, mas sim somente para exibir dados tabulares. Para exibição, deveria-se utilizar CSS e DIVs. Na prática, nem sempre é isso o que ocorre. O DIV serve para delimitar áreas na sua página.

     


    Ricardo Oneda
    http://oneda.mvps.org/blog

    segunda-feira, 7 de abril de 2008 15:28

Todas as Respostas

  • Caro Moacir, isso é relativo.
    No seu caso eu aconselharia trabalhar com tables. Div são bem utilizados, mas a chance de desalinhamento é muito maior.
    Faça um teste, qq dúvida poste aí.

    []s.
    segunda-feira, 7 de abril de 2008 14:34
  • Thiago , acredito que seja realmente relativo, cada layout pede uma forma de formatação, ainda me atrapalho quando tenho que optar por um dos dois, como disse tudo isso é novo para mim.

    Ainda não consegui entender realmente para que serve o div , seria para divisão de páginas ?

     

    Obrigado.

     

    Moacir A. Rannow 

     

    segunda-feira, 7 de abril de 2008 14:53
  • Moacir,

     

    os mais "puristas" não recomendam o uso do table pois a tabela não deveria ser utilizada para formatação visual, mas sim somente para exibir dados tabulares. Para exibição, deveria-se utilizar CSS e DIVs. Na prática, nem sempre é isso o que ocorre. O DIV serve para delimitar áreas na sua página.

     


    Ricardo Oneda
    http://oneda.mvps.org/blog

    segunda-feira, 7 de abril de 2008 15:28
  • Obrigado Ricardo e Thiago pelas dicas.

    segunda-feira, 7 de abril de 2008 16:33
  •  

    Eu concordo, Div e Css é muito mais simples e seguro em respeito a posicionamento. Bem-vindo ao tableless (http://tableless.com.br/artigos/tutorial/)

     

    Abs, espero ter ajudado.

     

    Deus é fiel

    terça-feira, 17 de junho de 2008 22:59
  • Este foi meu trabalho de monografia. Manutenção de layouts com css. Se quiser dar uma lida: http://www.robertoosantos.com/robertoosantos/monografia/monografia.aspx.

     

    Mas o fato é: Você está fazendo uma tabela ou um layout?

     

    O HTML surgiu com o conceito de web semântica, ou seja, uma maneira de se marcar o conteúdo da página para que ele faça sentido tanto para um humano quanto para uma máquina.

     

    Ex:

    <h1> - indica o principal título do conteúdo da  página.

    <table> - indica uma tabela de dados.

    <p> - indica um parágrafo.

    <div> - indica um conjunto de elementos em bloco, ou uma camada.

     

    Se você está fazendo um layout que possui menu de um lado e conteúdo do outro, então você está fazendo algo como:

    Menu:

    <ul>

    <li><a>Link1</a></li>

    <li><a>Link2</a></li>

    <li><a>Link3</a></li>

    </ul>

    Conteúdo:

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse at quam. Nunc iaculis sodales nisl.</p>

    <p>Nullam justo turpis, placerat non, lobortis at, scelerisque consequat, odio.</p>

    <p>Cras vulputate arcu non tortor. Morbi ornare dictum elit. Nam pulvinar eleifend ipsum. Maecenas sapien.</p>

     

    Logo os dois são conjuntos de elementos em bloco, portanto, devem ser marcados com div's.

     

    Para exibi-los, um para  um lado e outro pra o outro, basta utilizar a propriedade css "float:[right|left]".

     

    Logicamente que para layouts, 2 colunas, 3 colunas, 100% fluido e etc... você encontrará diversos sites com tutoriais e exemplos que não devem mudar muito para sua aplicação.

     

    PS: É fato que você vai encontrar alguns problemas em adotar um design standard. Muito clica e arrasta você vai perder e atualmente não existe nenhum software WYSIWYG que de um suporte 100% standard. Mas os beneficios são muitos da  adoção. Vide monografia.

     

    Boa Sorte!

     

    Boas Referências:

     

    Web Semântica e Referência Html: www.w3schools.com

    Exemplos e tutoriais: http://www.maujor.com/index.php

    Artigos : http://www.tableless.com.br

    Artigos em inglês: http://webdesignfromscratch.com/

     

    terça-feira, 1 de julho de 2008 12:18
  • Cara eu so trabalaho com css  odeio table creio que você  deveria usar div
    Legend Of Zelda N64,Gc,wii
    domingo, 30 de maio de 2010 21:31
  • Sim tem como deixar uma Div do lado de outro, é só usar a propriedade Float do CSS.

    Mais duvidas de como usar a propriedade Float é só perguntar, que eu responderei.

    terça-feira, 7 de setembro de 2010 19:24
  • Sou adpto do Tableless, surgiu mais fortemente em 2001 e as vantagens são incontáveis, as tabelas são úteis para exibir dados tabulares e não para formatar a página, usar tabelas dificulta o seu trabalho no caso de uma remodelagem, pois você vai ter que alterar página por página e deixa a página bem mais lenta pois sempre vai carregar a página toda, se usar o tableless vai carregar os arquivos css só uma vez, depois eles ficam "cacheados" e isso acelera a navegação.
    sexta-feira, 28 de janeiro de 2011 02:24