Criação DIV relativamente Posicionado no Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver suporta a criação e edição de DIVs que usam posicionamento relativo. DIVs relativamente posicionados permitir que um elemento a ser deslocado juntamente com o conteúdo que o rodeia, para fazer um layout mais líquido. Este tipo de posicionamento é importante para o conteúdo aninhado ou qualquer situação onde os itens devem cair em linha com outros conteúdos da página.

Use a ferramenta da Tag Insert Div, que podem ser encontrados dentro comuns e padrões categorias do painel Inserir para a criação ou edição de um DIV relativamente posicionado.

1. Clique dentro de sua página para posicionar o cursor dentro de uma Div PA existente e, em seguida, clique na ferramenta Tag Insert Div sob categorias comuns e layout do painel Inserir.

2. Quando a caixa de diálogo Inserir Tag Div aparece, afinar a localização do seu novo DIV, seleccionando uma localização a partir das lis suspenso Inserir.

   Por exemplo, escolha após o início do Tag para colocá-lo dentro de uma tag DIV existente em sua página.

   Você também pode usar a lista drop-down da caixa de diálogo Inserir Tag Div de colocar o DIV antes, depois, ou no interior os elementos existentes na página. Deixe a lista suspensa Inserir definido para no ponto de inserção para deixar a caixa onde você desenhou-lo ou escolher um outro local onde deseja que o DIV criado.

   
   Escolha um local específico para criar e colocar o novo DIV.

1. Se você tem um seletor de classe existente que deseja aplicar, escolha-o da classe drop-down-list em contrário, deixe em branco.

2. Atribuir um selector de ID para o DIV para controlar a sua aparição, selecionando a partir da lista drop-down ID.

   Se a pessoa não estiver disponível, introduza um novo nome e clique no botão Nova regra CSS para criar uma.

3. Quando a caixa de diálogo Nova regra CSS aparece, certifique-se de que o seu novo seletor está definido para ID e que o nome tem um sinal de libra (#) na frente dele. Clique em OK.

4. Quando a caixa de diálogo Definição de regra CSS aparece, clique e selecione Posicionamento da lista Categoria à esquerda para visualizar as propriedades de posicionamento CSS.

5. Na área de Posicionamento, selecione Relativo a partir do menu Posição, insira um valor de largura e altura em caixas Largura e Altura do texto e clique em OK.

6. Clique em OK para fechar a caixa de diálogo Inserir Tag Div.

   A, DIV posicionado relativamente nova aparece com o texto do espaço reservado.

   
   Você pode criar uma nova DIV dentro de outro DIV.