La création d'div relativement positionné dans Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (CS5 Adobe) Dreamweaver prend en charge la création et l'édition de DIV qui utilisent positionnement relatif. DIV relativement positionnés permettent un élément à être déplacé avec le contenu qui l'entoure, ce qui rend pour une mise en page plus liquide. Ce type de positionnement est important pour le contenu imbriqué ou toute situation où les éléments doivent tomber en ligne avec un autre contenu de la page.

Utilisez l'outil Insérer la balise Div, qui peut être trouvé dans les catégories communes et la mise en page du panneau Insertion pour la création ou l'édition d'un DIV en position relative.

  1. Cliquez sur l'intérieur de votre page pour positionner le curseur dans une div PA existante, puis cliquez sur l'outil Insérer la balise Div sous catégories communes et la mise en page du panneau Insertion.

  2. Lorsque la boîte de dialogue Insérer la balise Div apparaît, d'affiner l'emplacement de votre nouvelle DIV en sélectionnant un emplacement de l'insert lis déroulants.

    Par exemple, choisir après le début de Tag pour le placer dans une balise DIV existant dans votre page.




    Vous pouvez également utiliser la liste déroulante de la boîte de dialogue Insérer la balise Div placer la DIV avant, après, ou à l'intérieur des éléments existants sur la page. Donner la liste déroulante Insérer réglé au point d'insertion de quitter la boîte où vous avez dessiné ou choisir un autre emplacement où vous souhaitez la DIV créé.

    Choisissez un emplacement spécifique pour créer et placer la nouvelle DIV.
    Choisissez un emplacement spécifique pour créer et placer la nouvelle DIV.
  1. Si vous avez un sélecteur de classe existante que vous souhaitez appliquer, choisissez la classe déroulante LIST- sinon, laissez le champ vide.

  2. Attribuer un sélecteur d'ID à la DIV pour contrôler son apparence en sélectionnant dans la liste déroulante ID.

    Si l'on est pas disponible, entrez un nouveau nom et cliquez sur le bouton Nouvelle règle CSS pour créer un.

  3. Lorsque la boîte de dialogue Nouvelle règle CSS apparaît, assurez-vous que votre nouveau sélecteur est réglé sur ID et que le nom a un signe dièse (#) en face d'elle. Cliquez sur OK.

  4. Lorsque la boîte de dialogue Définition des règles CSS apparaît, cliquez sur et sélectionnez positionnement dans la liste Catégorie sur la gauche pour afficher les propriétés de positionnement CSS.

  5. Dans la zone de positionnement, sélectionnez Relatif à partir du menu de position, entrez une valeur de largeur et de hauteur dans la largeur et la hauteur des zones de texte, puis cliquez sur OK.

  6. Cliquez sur OK pour fermer la boîte de dialogue Insérer la balise Div.

    Une nouvelle DIV relativement positionné apparaît avec le texte de l'espace réservé.

    Vous pouvez créer une nouvelle DIV dans une autre DIV.
    Vous pouvez créer une nouvelle DIV dans une autre DIV.

» » » » La création d'div relativement positionné dans Adobe CS5 Dreamweaver