Significado

O design sem tabelas é o que a maioria das páginas da web possui. Isso significa que a maioria dos desenvolvedores adere a classes CSS para projetar imagens e texto em uma página. Anteriormente, as tabelas com células, linhas e colunas controlavam a aparência de uma página da Web. No entanto, com um design sem tabelas, o layout está contido em um contêiner "div". Um contêiner div permite que você coloque seções da página em diferentes áreas do código HTML e controla as diferentes seções de sua página sem afetar outras áreas.

Formato vertical

A propriedade "valign" é a tag de linha interna do HTML que controla a posição vertical de um objeto contido. Por exemplo: se você tiver um contêiner div com 50 pixels de altura, a configuração "valign" no "middle" colocará o conteúdo 25 pixels abaixo da parte superior do contêiner. Mesmo se você mover o contêiner div para um local diferente, ele permanecerá centralizado verticalmente.

Classes CSS

Folhas em cascata permitem que você configure classes de design, para que você possa vincular seus elementos HTML a uma classe sem precisar digitar manualmente o estilo de cada elemento. A seguir, um exemplo de uma classe CSS que alinha verticalmente os elementos:

div {

alinhamento vertical: meio; }

Essa classe alinha verticalmente o conteúdo no meio de um div chamado "div".

Considerações

O design CSS requer tempo e prática. Se o alinhamento for substituído por um div, você poderá arruinar o layout do restante da página. Você deve abrir a página HTML com suas classes CSS associadas em cada navegador comum, como Firefox, Chrome e Internet Explorer, para garantir que o design funcione corretamente nos navegadores de seus leitores.