Dreamweaver é uma ferramenta poderosa para ambos os web designers experientes e inexperientes. Um problema de design comum que o Dreamweaver não aborda com suas ferramentas incorporadas é a capacidade de centralizar um contêiner DIV em uma página. Usando uma série de elementos em linha de estilo, você pode controlar a largura e posição de um recipiente DIV em uma página. O que se segue é um processo passo a passo para adicionar o CSS apropriado para um recipiente DIV, a fim de centralizar um site usando o Dreamweaver.
Localize o recipiente DIV que contém todo o conteúdo da sua página web. Criar um novo recipiente DIV se ainda não existir.
Adicionar um estilo = "" tag para o contêiner DIV para manter seus novos elementos de estilo:
Adicione uma largura definida para o contêiner DIV dentro da marca de estilo. Atribuir um valor suficiente para armazenar todo o conteúdo da página web. Defina o seu valor tanto em percentagens ou em pixels:
Situado mesmo do seu recipiente DIV e as margens esquerda para a "auto":
tag no final do conteúdo da página web se você estivesse criando um novo recipiente DIV a partir do zero.Criar um fechamento
dicas avisos
- O styling margem de auto só funciona com recipientes DIV que têm uma largura definida.
- Se você estiver usando uma folha de estilo em cascata separada, você pode adicionar estes elementos de estilo lá em vez de colocá-los em linha na sua página web.
- Certifique-se de verificar a aparência da sua página web em vários navegadores, incluindo Internet Explorer, Firefox e Safari.
- Não utilize o
tag ou text-align elemento de estilo para tentar centralizar uma página da web.
De esta maneira? Compartilhar em redes sociais:
Como mudar uma cor de borda de imagem no dreamweaverDreamweaver pode implementar páginas da Web estilizados completos. Saiba como alterar a borda da…
Como usar div e span em html e cssDiv e span elementos muitas vezes confundem as pessoas novas para HTML e CSS, porque eles não são…
Como adicionar arquivos swf flash para uma página em cs4 dreamweaverA maneira como o Dreamweaver trata a incorporação de filmes SWF do Flash (em formato .swf) para…
Como adicionar uma barra de rolagemA barra de rolagem é um objeto de interface gráfica do usuário que permite que um rolo de…
Como usar o dreamweaver para instalar os mapas do googleDreamweaver é um editor de páginas web HTML avançado que permite aos usuários criar páginas…
Estilos de html divA tag DIV define uma divisão ou seção de um documento HTML e usado para aplicar estilos a um…
Como centralizar uma div em outra divDIVs ajudar a posicionar elementos em uma página web. Você pode personalizar a posição de um…
Como esconder um sublinhado em um hyperlinkHiperlinks são ferramentas de navegação clicáveis que levam os visitantes do site a…
Como remover bordas de célula em dreamweaverDreamweaver é um software profissional de web design usado para desenvolver estática (alterada…