Usando DIVs

Yuki em 14.04.08 16:49

Como usar DIVs para alinhar o conteúdo do blog/site

DIVs são os códigos que dão alinhamento ao conteúdo do seu blog ou site, ou seja, fazem com que tudo fique no seu devido lugar! Porque todo blog ou site tem um lugar especial pra cada coisa certo? Por exemplo, tem-se o local onde abre todas as páginas dele e o outro onde fica a coluna do perfil, com o menu e talz...para usar a DIV é assim:

Coloque o código abaixo entre as tags <body> e </body>:

<DIV class=side style="LEFT: 188px; WIDTH: 176px; POSITION: absolute; TOP: 398px; HEIGHT: 105px; widht: 540">

LEFT: espaçamento a esquerda
WIDTH: largura
POSITION: posição (nao precisa mexer nessa parte)
TOP: espaçamento superior
HEIGHT: altura
widht: segunda largura (nao precisa mexer nessa parte)

é só ir mexendo nos valores até a DIV ficar posicionada onde você quer, aí para o conteúdo ficar no alinhamento e posição dela, é assim:

<DIV class=side style="LEFT: 188px; WIDTH: 176px; POSITION: absolute; TOP: 398px; HEIGHT: 105px; widht: 540">

CONTEÚDO AQUI

</DIV>

fácil nao? Uma boa dica é usar um editor de HTML pra ajudar^^ Ah sim, e sobre o posicionamento da imagem do layout sem que fique espaço sobrando, é essa DIV que se usa, e nao precisa mexer em nenhum valor dela:

<DIV class=side style="LEFT: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 49px; widht: 540">
<img src="url da imagem">
</DIV>