1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Colunas & Colunas

Discussão em 'Web Development' iniciada por HenriqueC, 7 de Junho de 2008. (Respostas: 5; Visualizações: 656)

  1. HenriqueC

    HenriqueC Power Member

    Boas

    Eu estou a tentar construir um site dividido em três partes verticais (colunas), que trabalhem independentemente ara em cada uma poder por texto, adsense, tabelas, etc.

    Eis um exemplo: http://www.themelab.com/2008/05/18/*****-free-wordpress-theme/

    Eu para meter colunas e tabelas com o Dreamweaver ou FrontPage sei, agor fazer essa divisão em, areas independentes e que esta complicado

    Alguem podia dar-me uma ajuda pf?
     
  2. ciberg

    ciberg Moderador
    Staff Member

    O que tu queres usar chamam-se frames.

    Cada frame abre uma página independente e nos links de um dos frames podes mandar abrir outra página num dos outros frames.(com o target)

    No Dreamweaver vais a Modify-Frameset.
     
  3. HenriqueC

    HenriqueC Power Member

  4. ciberg

    ciberg Moderador
    Staff Member

  5. Usas o rowspan?

    Código:
    <table>
      <tr>
        <td></td>
        <td rowspan="3"></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
    </table>
    Este exemplo dá-te um layout assim:
    ________
    |_| ..|_ |
    |_| ..|_ |
    |_|__|_ |
     
  6. nopaysoft

    nopaysoft Power Member

    Não uses frames please! :) É preferivel a tabela ou ainda qualquer coisa do género (not tested):
    Por exemplo para um configuração de largura 850 px com barras laterais de 150px e a lateral direita dividida em 3! ;)

    Primeira parte entre as tags de head
    Código:
    <style type="text/css">
    #main {
    width:100%;
    }
    #esquerda {
    float:left;
    width:150px;
    }
    #direita {
    width:150px;
    float: left;
    height:100%;
    }
    #meio {
    width:549px;
    float:left;
    }
    #primeira {
    width:33%;
    }
    #segunda {
    width:33%;
    }
    #terceira {
    width:33%;
    }
    
    </style>
    
    e a segunda o próprio corpo:
    Código:
    <div id="main">
    <div id="esquerda">
    </div>
    <div id="meio">
    </div>
    <div id="direita">
    <div id="primeira">
    </div>
    <div id="segunda">
    </div>
    <div id="terceira">
    </div>
    </div>
    </div>
    
    Deves claro adaptar isto às tuas necessidades e acho que apesar de ser o mais "dificil" está fácil de perceber como funciona estando de acordo com as mais recentes regras em webdesign e codigo para ser tableless e claro "frameless" :)

    Qualquer dúvida diz!

    Cumps
     

Partilhar esta Página