All for Joomla All for Webmasters

Usando DIV Position Absolute

Essa DIV é para alinhar as coisas, com deixar um menu mais para a esquerda ou então deixar uma caixa bem rente para a sua área de postagem.

É muito simples!

<div style="position: absolute; top: 0px; left: 0px;">
teste
</div>

É muito simples: quanto maior for o número de top (top: 100px;), mais para baixo vai ficar a imagem. E se o número for negativo (top: -100px;), a imagem vai para cima.

Com left é quase mesma coisa: quanto maior o número de left (left: 100px;), mais para a direita (sim, direita) a imagem vai. Do contrário, se o número for negativo (left: -100px;), mais para a esquerda vai a imagem.

Bem fácil, né? É só ir ajustando o código e o número de top e left até o elemento ficar alinhado onde você quiser. É um pouco trabalhoso ficar toda hora salvando e editando o código, mas vale a pena e com o tempo você pega jeito.

Dúvidas devem ser tiradas no meu ask-me, por favor *-*