Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 88
Zur Übersicht

88. Stylesheets über das TITLE-Attribut ansprechen (Mozilla) (02.05.2002)

Mozilla und Netscape 6.x besitzen eine interessante Funktion, die ein komfortables Umschalten zwischen mehreren (externen) Stylesheet-Definitionen erlaubt. Unter dem Menuepunkt Anzeigen | Stilvorlagen verwenden bzw. View | Use Stylesheet bei englischen Versionen stehen die in das Dokument eingefügten Stylesheets zur Auswahl bereit. Vorausgesetzt wird die Vergabe von Werten für das TITLE-Attribut beim jeweiligen LINK-Element nach dem Muster:


      <LINK REL="stylesheet" HREF="dateiname.css"
        TYPE="text/css" TITLE="anzuzeigender Text">
Im Beispiel 88 werden Absätze formatiert, wobei sich die verwendeten Stylesheets nur durch die Farbe von Text und Rahmen voneinander unterscheiden:


      /* beispiel88a.css (Standard-Vorlage) */

      P.absatz
      {
      Font-Family: Arial, Helvetica, Sans-Serif;
      Color: #F00;
      Background-Color: #EEE;
      Border: 1px dashed #F00;
      Margin-Left: 50px;
      Margin-Right: 50px;
      Padding: 10px;
      Text-Align: justify;
      }


      /* beispiel88b.css (Alternative 1) */

      P.absatz
      {
      Font-Family: Arial, Helvetica, sans-serif;
      Color: #090;
      Background-Color: #EEE;
      Border: 1px dashed #090;
      Margin-Left: 50px;
      Margin-Right: 50px;
      Padding: 10px;
      Text-Align: justify;
      }


      /* beispiel88c.css (Alternative 2) */

      P.absatz
      {
      Font-Family: Arial, Helvetica, sans-serif;
      Color: #00C;
      Background-Color: #EEE;
      Border: 1px dashed #00C;
      Margin-Left: 50px;
      Margin-Right: 50px;
      Padding: 10px;
      Text-Align: justify;
      }
Über die genannten Menuepunkte lassen sich die Alternativen 1 und 2 auswählen, vgl. die folgende Abbildung.


Browserdarstellung in Mozilla



Andere Browser (z. B. IE und Opera) verwenden entsprechend der erfolgenden Vererbung die CSS-Eigenschaften der zuletzt referenzierten Vorlage (hier Alternative 2). Eine nützliche praktische Anwendung ergibt sich in Verbindung mit der zusätzlichen Angabe von MEDIA-Types wie Screen bzw. Print für die alternative Ausgabe auf einem Bildschirm oder Drucker (siehe Tipp 39). Durch die Auswahl von "None" bzw. "Keine" kann man übrigens Mozilla und Netscape 6.x die Verwendung von CSS verwehren.