Création DIV positionnée dans Adobe CS5 Dreamweaver - mannequins

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver prend en charge la création et l'édition de DIV utilisant le positionnement relatif . Les DIVs positionnés de manière relative permettent de déplacer un élément avec le contenu qui l'entoure, pour une disposition plus liquide. Ce type de positionnement est important pour le contenu imbriqué ou toute situation dans laquelle les éléments doivent correspondre au contenu de la page. Utilisez l'outil Insérer une étiquette de div, qui se trouve dans les catégories Commun et Mise en page du panneau Insertion pour la création ou l'édition d'un DIV positionné.

Cliquez dans votre page pour positionner le curseur dans une division AP existante, puis cliquez sur l'outil Insérer une étiquette de division sous les catégories Commun et Mise en page du panneau Insertion.

1. Lorsque la boîte de dialogue Insérer une étiquette de diffusion s'affiche, affinez l'emplacement de votre nouvelle liste DIV en sélectionnant un emplacement dans la liste déroulante Insérer.

2. Par exemple, choisissez Après le début du tag pour le placer dans un tag DIV existant dans votre page.

   Vous pouvez également utiliser la liste déroulante de la boîte de dialogue Insérer une étiquette de division pour placer le DIV avant, après ou à l'intérieur des éléments existants sur la page. Laissez la liste déroulante Insérer définie sur Au point d'insertion pour quitter la boîte où vous l'avez dessinée ou choisissez un autre emplacement où vous souhaitez créer la DIV.

   Choisissez un emplacement spécifique pour créer et placer le nouveau DIV.

   

Si vous souhaitez appliquer un sélecteur de classes existant, choisissez-le dans la liste déroulante Classe; sinon, laissez-le vide.

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

2. Si ce n'est pas le cas, entrez un nouveau nom et cliquez sur le bouton Nouvelle règle CSS pour en créer un.

   Lorsque la boîte de dialogue Nouvelle règle CSS s'affiche, assurez-vous que votre nouveau sélecteur est défini sur ID et que le nom a un signe dièse (#) devant lui. Cliquez sur OK.

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

4. Dans la zone Positionnement, sélectionnez Relatif dans le menu Position, entrez une valeur de largeur et de hauteur dans les zones de texte Largeur et Hauteur, puis cliquez sur OK.

5. Cliquez sur OK pour fermer la boîte de dialogue Insérer une étiquette de diffusion.

6. Une nouvelle DIV relativement positionnée apparaît avec un texte d'espace réservé.

   Vous pouvez créer un nouveau DIV dans un autre DIV.