Colunas & Colunas

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?
 
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.
 
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:
________
|_| ..|_ |
|_| ..|_ |
|_|__|_ |
 
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
 
Back
Topo