Vídeo: Como trabalhar com tabelas no Dreamweaver 2024
Limpar alinhamento de elementos em colunas e linhas faz sua mesa limpa e fácil de ler. Alcançar esse visual no Dreamweaver pode ser complicado porque você não possui tanto controle em HTML como você tem em um programa, como o Excel, onde você pode alinhar números ao ponto decimal, por exemplo. Em uma tabela HTML, você pode alinhar o conteúdo das colunas à esquerda, direita ou central.
As etapas a seguir explicam os conceitos básicos de alinhamento de linhas e colunas em sua tabela (e você também encontra dicas para resolver problemas de alinhamento comuns):
-
Selecione a coluna ou linha para a qual deseja alterar o alinhamento.
Coloque o cursor na primeira célula na coluna ou linha que deseja alinhar; então, clique e arraste para destacar todas as colunas ou linhas que deseja alterar.
-
Escolha uma opção de alinhamento nas listas suspensas Horz (horizontal) ou Vert (vertical) no Inspetor de propriedades.
O conteúdo da célula se ajusta para coincidir com a opção de alinhamento selecionada.
Alternativamente, você pode acessar muitas opções de formatação, incluindo opções de alinhamento, selecionando uma tabela e clicando com o botão direito do mouse (Windows) ou Controlando (Mac).
Se você seguir as etapas anteriores, mas o conteúdo da tabela ainda não está alinhando, experimente as seguintes dicas:
-
Se você usar o mesmo número de dígitos após o ponto decimal em todos os seus números, você pode fazer com que eles se alinhem em uma coluna. Por exemplo, se um preço for $ 12. 99 e outro é de US $ 14, expresse o último como US $ 14. 00; então, quando você alinha corretamente, os números se alinham. (Se suas colunas ainda não estão se alinhando do jeito que você deseja, considere usar uma fonte monospace).
-
Se você estiver tendo problemas para alinhar o conteúdo de células adjacentes, defina o alinhamento vertical como Top. Uma frustração comum ocorre quando você tem duas ou mais linhas lado a lado com texto em uma e imagens na outra e deseja que a parte superior da imagem e a parte superior do texto se alinhem. Muitas vezes eles não se alinham porque são diferentes comprimentos.
A solução é simples: selecione todas as células que deseja alinhar e, no Inspetor de propriedades, altere o alinhamento vertical para o Topo. Aparentemente, como magia, todo o conteúdo salta para o topo das células e se alinha perfeitamente. Este é um problema tão comum que você pode configurar rotineiramente o alinhamento vertical das células da tabela no Topo.
-
Certifique-se de usar a mesma formatação, parágrafo e tags de interrupção se desejar que o conteúdo das células adjacentes se alinhe. Outra situação em que o conteúdo de células adjacentes não se alinha corretamente ocorre quando você inclui tags de parágrafo em torno do texto ou uma imagem em uma célula, mas não em outra.
Use a vista dividida (clicando no botão Dividir na parte superior do espaço de trabalho) e certifique-se de que o código em ambas as células corresponda. Se você tiver tags
em torno dos conteúdos em uma célula e não em outra, certifique-se de incluí-las na segunda célula ou removê-las da primeira para que ambas as células correspondam.
