Como modificar Absolute-Posicionado (AP) Divs no Adobe Dreamweaver CS6
Cada Absolute-Posicionado (AP) Div você desenhar no Adobe Dreamweaver CS6 é listado automaticamente no painel Elementos PA (escolha Janela-AP Elements para exibi-lo). O painel Elementos PA pode ajudá-lo a selecionar, ocultar e mostrar quaisquer Divs PA na página. Este painel é útil quando você tem um monte de Divs PA na página e deseja navegar entre eles com precisão.
Acima de tudo, porque você pode modificar as propriedades para qualquer Div AP a partir do seu estilo ID correspondente, o painel ajuda você a descobrir qual o estilo ID pertence a um PA Div.
O painel Elementos PA muitas vezes é agrupado com o painel Estilos CSS, apenas no caso que você está procurando por ele.
Para modificar uma caixa (AP Div), siga estes passos:
Escolha Janela-AP Elements para abrir o painel Elementos PA.
No painel, localize e selecione apDiv1 para destacá-lo na página.
O Inspetor de propriedades exibe seu tamanho e posição, além de outras propriedades.
Usando as caixas de texto no Inspetor de propriedades, altere a largura da caixa, inserindo um número no campo W e alterar a altura da caixa, inserindo um número no campo H.
Clique na amostra ao lado Bg Cor e escolha uma cor do painel Amostras do pop-up para definir uma cor de fundo para a caixa.
Para propriedades adicionais, como fronteiras ou estofamento, adicioná-los no painel Estilos CSS.
Se o painel de estilos CSS já não estiver visível, abri-lo, escolhendo estilos de janela-CSS.
Clique duas vezes no # ApDiv1 ID estilo que controla a caixa.
A caixa de diálogo Definição de regra CSS aparece.
Selecione a categoria Border a partir da esquerda para mudar a fronteira.
Na coluna Estilo, use a lista drop-down Top para definir um estilo de borda (como sólido) em todos os quatro lados.
Use a lista drop-down Topo sob a categoria Largura para selecionar uma espessura da borda (por exemplo, média) para todos os quatro lados. Use o mais alto Color Picker sob a coluna de cor para atribuir uma cor da borda para todos os quatro lados.
Para atribuir valores diferentes a qualquer ou a todos os lados para o estilo, a largura ou a cor, desmarque a mesma em caixa de seleção nos termos das respectivas colunas.
Na categoria caixa à esquerda, sob Enchimento, definir o preenchimento de todos os quatro lados da caixa com a espessura desejada (por exemplo, digite 5 px nas caixas de texto).
Clique em OK para sair do painel e aplicar as alterações.
Você vê como as propriedades CSS você aplicou afetar a apDiv1 caixa na página.
Para ocultar uma caixa mostrada sob o painel Elementos PA, clique na coluna à esquerda do seu nome (sob o ícone do olho) até um ícone de olho fechado aparece. Para fazer a reaparecer caixa, clique no ícone de olho até que a caixa se abre novamente.
Você pode notar a caixa, desmarcada por padrão verificar as evitar sobreposições, na parte superior do painel Elementos PA. Porque Divs PA pode facilmente se sobrepõem uns aos outros, a seleção desta caixa de seleção substitui esse comportamento, forçando caixas ao lado uns dos outros e evitar a criação de novas caixas em cima uns dos outros.