Criação div relativamente posicionado em 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 posicionado permitir que um elemento a ser deslocado, juntamente com o conteúdo que o rodeia, para fazer uma disposição 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 outro conteúdo da página.

Use a ferramenta Tag Inserir Div, que pode ser encontrada dentro comuns e layout 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 um AP Div existente e, em seguida, clique na ferramenta Tag Inserir 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 drop-down 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, selecione-o no Classe drop-down-list caso contrário, deixe em branco.

2. 
   
   
   

   Atribuir um selector de ID para o DIV para controlar sua aparência, selecionando a partir da lista drop-down ID.

   Se a pessoa não estiver disponível, digite 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 sustenido (#) 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 Relativa a partir do menu Posição, introduza 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 relativamente posicionado nova aparece com o texto do espaço reservado.

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