[Howto's]: CSS

[redhotmustang]

Os Howto's relativos ao tema das CSS são respostas rápidas a problemas com os quais nos deparamos e queremos deixar escrito nalgum lado, caso nos escapem da memória.

Notem que os Howto's são diferentes dos tutoriais na medida em que são menos extensos e menos explicativos.

Todos os Howto's do Redcodestudio sobre o tema CSS, deverão ser colocados neste tópico apenas, pelo menos por enquanto.

Lista de Howto's sobre CSS

- Link sempre encostado ao fundo da página

Cumps.

[gimbras]

Link sempre encostado ao fundo da página

E que tal começar já por um?

Sempre gostei daquele truque onde à medida que fazemos scroll down numa página temos sempre a companhia de uma div que contém um link para voltar ao topo da página.

É uma óptima técnica de evitar termos de colocar o mesmo link (Voltar ao Topo) vezes e vezes sem conta.

Mas como se faz com as CSS?

Simples. Temos de nos perguntar o queremos fazer.
A resposta é que desejamos que exista um link sempre encostado ao canto inferior direito da nossa página.

Então e como fazê-lo?

Ainda mais simples.
Criamos uma div cuja posição está definida para estar a zero pixels da margem direita, e a zero pixels da margem do fundo da página.

Código: [Seleccione]

.divTopo {
position:fixed;
bottom:0;
right:0;
}

E no nosso HTML, temos de dar à nossa div a class acabada de criar.

Código: [Seleccione]

<div class="divTopo"><a href="#topo">Voltar ao Topo</a></div>

Simples.

Cumps.
PS: Não funciona no Internet Explorer, pelo menos na versão 6.

[redhotmustang]

Este primeiro Howto, é um exemplo perfeito do que queremos. Contamos com os vossos!

PS: É um excelente exemplo, contudo como foi o primeiro Howto o gimbras quis aprimorar mais a coisa e apresentou o contexto do problema antes da sua resolução.

Isto nem sempre é necessário. Basta dar um título ao Howto, e colocar a resposta. Curto e rápido.

Cumps.