Remarque :

Sous Dreamweaver CC et versions ultérieures, le panneau Styles CSS a été remplacé par CSS Designer. Pour plus d’informations, voir CSS Designer.

Les fonctions de gestion des feuilles de styles CSS de Dreamweaver permettent de déplacer ou d’exporter aisément des règles CSS vers des emplacements différents. Vous pouvez déplacer des règles d’un document vers un autre, de la section head d’un document vers une feuille de style externe, entre des fichiers CSS externes, etc.

Remarque :

Dreamweaver affiche la boîte de dialogue Il existe déjà une règle de ce nom lorsque la règle que vous essayez de déplacer est en conflit avec une règle de la feuille de style de destination. Dreamweaver place la règle déplacée à proximité immédiate de la règle avec laquelle elle est en conflit dans la feuille de style de destination lorsque vous décidez de déplacer la règle en conflit.

Déplacement ou exportation de règles CSS vers une nouvelle feuille de style.

  1. Effectuez l’une des opérations suivantes :
    • Dans le panneau Styles CSS, sélectionnez la ou les règles que vous souhaitez déplacer. Cliquez ensuite sur la sélection avec le bouton droit de la souris et choisissez Déplacer les règles CSS dans le menu contextuel. Pour sélectionner plusieurs règles, appuyez sur la touche Ctrl (Windows) ou Commande (Macintosh) tout en cliquant avec la souris sur les règles à sélectionner

    • En mode Code, sélectionnez la ou les règles à déplacer. Cliquez ensuite sur la sélection avec le bouton droit de la souris et sélectionnez Styles CSS > Déplacer les règles CSS dans le menu contextuel.

    Remarque :

    La sélection partielle d’une règle se traduit par le déplacement de l’ensemble de la règle.

  2. Dans la boîte de dialogue Déplacer dans une feuille de style externe, sélectionnez l’option de nouvelle feuille de style, puis cliquez sur OK.
  3. Dans la boîte de dialogue Enregistrer la feuille de style sous, entrez un nom pour la nouvelle feuille de style, puis cliquez sur Enregistrer.

    Lorsque vous cliquez sur Enregistrer, Dreamweaver enregistre une nouvelle feuille de style contenant les règles que vous avez sélectionnées et l’associe au document actif.

    Remarque :

    Vous pouvez également déplacer des règles à l’aide de la barre d’outils de codage. La barre d’outil de codage est disponible uniquement en mode Code.

Déplacement ou exportation de règles CSS vers une feuille de style existante.

  1. Effectuez l’une des opérations suivantes :
    • Dans le panneau Styles CSS, sélectionnez la ou les règles que vous souhaitez déplacer. Cliquez ensuite sur la sélection avec le bouton droit de la souris et choisissez Déplacer les règles CSS dans le menu contextuel. Pour sélectionner plusieurs règles, appuyez sur la touche Ctrl (Windows) ou Commande (Macintosh) tout en cliquant avec la souris sur les règles à sélectionner

    • En mode Code, sélectionnez la ou les règles à déplacer. Cliquez ensuite sur la sélection avec le bouton droit de la souris et sélectionnez Styles CSS > Déplacer les règles CSS dans le menu contextuel.

    Remarque :

    La sélection partielle d’une règle se traduit par le déplacement de l’ensemble de la règle.

  2. Dans la boîte de dialogue Déplacer dans une feuille de style externe, sélectionnez une feuille de style existante dans le menu déroulant ou naviguez jusqu’à une feuille de style existante, puis cliquez sur OK.

    Remarque :

    Le menu déroulant affiche toutes les feuilles de style qui sont liées au document actif.

    Remarque :

    Vous pouvez également déplacer des règles à l’aide de la barre d’outils de codage. La barre d’outil de codage est disponible uniquement en mode Code.

Réorganisation ou déplacement des règles CSS en les faisant glisser

  1. Dans le panneau Styles CSS (mode Tous), sélectionnez une règle et faites-la glisser jusqu’à l’emplacement désiré. Vous pouvez sélectionner des règles et les faire glisser pour les réorganiser à l’intérieur d’une feuille de style, ou déplacer une règle vers une autre feuille de style ou dans la section head du document.

    Remarque :

    Vous pouvez déplacer plusieurs règles à la fois en appuyant sur la touche Ctrl (Windows) ou Commande (Macintosh) tout en cliquant avec la souris sur plusieurs règles pour les sélectionner.

Sélection de plusieurs règles avant de les déplacer

  1. Dans le panneau Styles CSS, appuyez sur la touche Ctrl (Windows) ou Commande (Macintosh) tout en cliquant avec la souris sur les règles que vous souhaitez sélectionner.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne