Hinweis:

Ab Dreamweaver CC wurde das Bedienfeld „CSS-Stile“ durch den CSS Designer ersetzt. Weitere Informationen finden Sie unter „CSS Designer“.

Die CSS-Verwaltungsfunktionen in Dreamweaver sorgen dafür, dass sich die CSS-Regeln problemlos in andere Dokumente oder Stylesheets verschieben oder exportieren lassen. Sie können Regeln u. a. von Dokument zu Dokument verschieben, vom Head-Bereich eines Dokuments in ein externes Stylesheet sowie zwischen externen CSS-Dateien.

Hinweis:

Falls die Regel, die Sie verschieben möchten, mit einer Regel im Ziel-Stylesheet in Konflikt steht, zeigt Dreamweaver das Dialogfeld „Gleichnamige Regel vorhanden“ an. Sollten Sie beabsichtigen, die in Konflikt stehende Regel zu verschieben, platziert Dreamweaver die verschobene Regel direkt neben die entsprechende Regel im Ziel-Stylesheet.

CSS-Regeln in ein neues Stylesheet verschieben oder exportieren

  1. Führen Sie einen der folgenden Schritte aus:
    • Wählen Sie im Bedienfeld „CSS-Stile“ die zu verschiebenden Regeln aus. Klicken Sie anschließend mit der rechten Maustaste auf die Auswahl und wählen Sie im Kontextmenü die Option „CSS-Regeln verschieben...“ aus. Um mehrere Regeln auszuwählen, halten Sie die Strg-Taste (Windows) bzw. die Befehlstaste (Mac) gedrückt und klicken Sie auf die gewünschten Regeln.

    • Wählen Sie in der Codeansicht die zu verschiebenden Regeln aus. Klicken Sie anschließend mit der rechten Maustaste auf die Auswahl und wählen Sie im Kontextmenü „CSS-Stile“ > „CSS-Regeln verschieben...“.

    Hinweis:

    Auch wenn Sie nur einen Teil der Regel auswählen, wird die gesamte Regel an den neuen Ort verschoben.

  2. Wählen Sie im Dialogfeld „In externes Stylesheet verschieben“ die neue Stylesheet-Option aus und klicken Sie auf „OK“.
  3. Geben Sie im Dialogfeld „Stylesheet-Datei speichern unter“ einen Namen für das neue Stylesheet ein und klicken Sie auf „Speichern“.

    Wenn Sie auf „Speichern“ klicken, speichert Dreamweaver ein neues Stylesheet mit den ausgewählten Regeln und fügt es dem aktuellen Dokument hinzu.

    Hinweis:

    Sie können Regeln auch mithilfe der Code-Symbolleiste verschieben. Die Code-Symbolleiste steht nur in der Codeansicht zur Verfügung.

CSS-Regeln in ein vorhandenes Stylesheet verschieben oder exportieren

  1. Führen Sie einen der folgenden Schritte aus:
    • Wählen Sie im Bedienfeld „CSS-Stile“ die zu verschiebenden Regeln aus. Klicken Sie anschließend mit der rechten Maustaste auf die Auswahl und wählen Sie im Kontextmenü die Option „CSS-Regeln verschieben...“ aus. Um mehrere Regeln auszuwählen, halten Sie die Strg-Taste (Windows) bzw. die Befehlstaste (Mac) gedrückt und klicken Sie auf die gewünschten Regeln.

    • Wählen Sie in der Codeansicht die zu verschiebenden Regeln aus. Klicken Sie anschließend mit der rechten Maustaste auf die Auswahl und wählen Sie im Kontextmenü „CSS-Stile“ > „CSS-Regeln verschieben...“.

    Hinweis:

    Auch wenn Sie nur einen Teil der Regel auswählen, wird die gesamte Regel an den neuen Ort verschoben.

  2. Wählen Sie im Dialogfeld „In externes Stylesheet verschieben“ ein vorhandenes Stylesheet aus dem Popupmenü aus oder navigieren Sie zu einem vorhandenen Stylesheet und klicken Sie auf „OK“.

    Hinweis:

    Das Popupmenü zeigt alle mit dem aktuellen Dokument verbundenen Stylesheets an.

    Hinweis:

    Sie können Regeln auch mithilfe der Code-Symbolleiste verschieben. Die Code-Symbolleiste steht nur in der Codeansicht zur Verfügung.

CSS-Regeln durch Ziehen mit der Maus umstellen oder verschieben

  1. Wählen Sie im Bedienfeld „CSS-Stile“ (Modus „Alle“) eine Regel aus und ziehen Sie diese an den gewünschten Ort. Um Regeln innerhalb eines Stylesheets neu anzuordnen oder eine Regel in ein anderes Stylesheet bzw. in den Head-Bereich des Dokuments zu verschieben, wählen Sie die betreffenden Regeln aus und ziehen sie an den gewünschten Ort.

    Hinweis:

    Sie können mehrere Regeln auf einmal verschieben, indem Sie bei gedrückter Strg-Taste (Windows) bzw. bei gedrückter Befehlstaste (Mac) auf mehrere Regeln klicken.

Mehrere Regeln zum Verschieben auswählen

  1. Klicken Sie im Bedienfeld „CSS-Stile“ bei gedrückter Strg-Taste (Windows) bzw. bei gedrückter Befehlstaste (Mac) auf die gewünschten Regeln.

Dieses Werk unterliegt den Bedingungen der Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.

Rechtliche Hinweise   |   Online-Datenschutzrichtlinie