1

Classangaben für die in CMS Imperia gepflegten Webseiten der FernUniversität Class-Angaben können im Editorfenster von Imperia über den Icon ID/Class verwendet werden, aber auch indem im Quelltext der gewünschte Bereich ergänzt wird. Beispiele: oder Im Folgenden werden zahlreiche CSS Angaben beschrieben:

Flexible Bilder Die Classangabe positioniert Bilder in einer bestimmten Größe Code-Beispiel: 1. bild100 das Bild wird über den gesamten Inhaltsbereich dargestellt 2. bild50-links das Bild wird linksseitig zu 50% im Inhaltsbereich dargestellt 3. bild50-rechts das Bild wird rechtsseitig zu 50% im Inhaltsbereich dargestellt 4. bild30-rechts das Bild wird rechtssseitig zu 30% im Inhaltsbereich dargestellt 5. bild30-links das Bild wird linksseitig zu 30% im Inhaltsbereich dargestellt

Tabellengestaltung Tabelle Code-Beispiel: 1. tabelle100 die Tabelle wird über den gesamten Inhaltbereich dargestellt 2. tabelle-weiss die Tabelle wird mit weißen Zellen mit hellgrauen Trennlinien dargestellt 3. tabelle-weiss100 4. die weisse Tabelle wird über den Inhaltsbereich dargestellt 5. tabelle-grau die Tabelle wird mit grauen Zellen mit weißen Trennlinien dargestellt 6. tabelle-grau100 die graue Tabelle wird über den Inhaltsbereich dargestellt 7. ohne-rahmen die Tabelle wird ohne sichtbare Trennlinien dargestellt

2

8. ohne-rahmen100 die Tabelle ohne Trennlinien wird über den Inhaltsbereich dargestellt 9. tabelle-zentriert bewirkt dass der Text in der Tabelle zentriert ist 10.tabelle-zentriert100 bewirkt dass die zentrierte Tabelle über den Inhaltsbereich dargestellt

Tabellenzellen Code-Beispiele: oder 1. rechtsbuendig der Text wird rechtsbündig in der zelle positioniert 2. linkssbuendig der Text wird linksbündig in der zelle positioniert 3. zentriert der Text wird Text zentriert 4. grau die Zelle bekommt einen grauen Hintergrund 5. halb die Zellenbreite wird auf 50% gesetzt 6. drittel die Zellenbreite wird auf 32% gesetzt 7. viertel die Zellenbreite wird auf 25% gesetzt

Hervorhebungen für Überschriften und einfachen Text Code-Beispiel: anwendbar auf: