Ressources de Dreamweaver CS4

Insertion de balises div

Vous pouvez utiliser des balises div pour créer des blocs de mise en forme CSS et les placer dans votre document. Cette méthode est utile si une feuille de style CSS existante contenant des styles de positionnement est associée à votre document. Dreamweaver vous permet d'insérer rapidement une balise div et de lui appliquer des styles existants.

Dans la fenêtre de document, placez le point d'insertion à l'endroit où vous voulez insérer la balise div.
Effectuez l’une des tâches suivantes :
- Choisissez Insertion > Objets mise en forme > Balise Div.
- Dans la catégorie Mise en forme du panneau Insertion, cliquez sur le bouton Insérer la balise Div .
Parmi les options suivantes, définissez celles de votre choix :
Insérer

Permet de choisir l'emplacement de la balise div et le nom de la balise s'il ne s'agit pas d'une nouvelle.
Classe

Affiche le style de classe actuellement appliqué à la balise. Si vous avez associé une feuille de style, les classes qui y sont définies s'affichent dans la liste. Ce menu permet de sélectionner le style à appliquer à la balise.
ID

Vous permet de modifier le nom utilisé pour identifier la balise div. Si vous avez associé une feuille de style, les ID qui y sont définis s'affichent dans la liste. Les ID des blocs déjà présents dans votre document ne sont pas répertoriés.
Remarque : Dreamweaver vous avertit si vous tapez un ID déjà affecté à une autre balise dans votre document.

Nouvelle règle de CSS

Ouvre la boîte de dialogue Nouvelle règle CSS.
Cliquez sur OK.
La balise div s'affiche dans votre document sous la forme d'une zone contenant du texte d'espace réservé. Lorsque vous déplacez le pointeur sur le bord de cette zone, Dreamweaver la met en surbrillance.

Si la balise div est placée de manière absolue, elle devient un élément PA. Vous pouvez modifier les balises div qui ne sont pas à positionnement absolu.