Page Content
There is no English translation for this web page.
Teaser
Jeder Teaser ist mit der Klasse "teaser" ausgezeichnet: <div class="teaser">. Teaser haben eine Breite von 99% (notwendig für Internet Explorer 6.0), sind links gefloatet und erstrecken sich über den gesamten Inhaltsbereich. Der graue Balken mit der Rubrikenangabe und das Datum sind optional.
Schmale Teaser haben eine Breite von 235px und sind links gefloatet. Sie werden über eine zusätzliche Klasse im Div-Element ausgezeichnet <div class="teaser small">. So werden zur Grundgestaltung der allgemeinen Teaser teaserspezifische Styles zugewiesen.
Teaserlisten
Teaserlisten sind eine Kombination aus kurzen Textteasern, die gruppiert und mit einer Überschrift ergänzt werden.
Teaserlisten bestehen aus einem <div class="listing">, das eine Liste (ul) beinhaltet. Sie haben keine feste Breite.
#main .listing li a { margin: 0; padding: 5px 0 6px 24px; background: url(../img/icon-link-intern.gif) 0 5px no-repeat; display: block; height: 1%; }
Je nachdem, welche Funktion die Teaserliste erfüllt, wird in die <ul> eine zusätzliche Klasse eingetragen. So werden zur Grundgestaltung der allgemeinen Teaserliste zusätzliche Styles zugewiesen.
Beispiel
Sprungmarkennavigation <ul class="toc">: Über die Klasse "toc" werden der Teaserliste spezifische Styles der Sprungmarkennavigation zugewiesen.
Über <p class="aural">Werbung</p> erfolgt eine Kennzeichnung, dass ein Werbeblock folgt. Diese Zusatzinformation wird durch die Klasse "aural" aus dem sichtbaren Bereich geschoben, bietet aber einen zusätzlichen Komfort für blinde Menschen.