Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 9.4.1f: Druckansicht Web Design Gazette:
Das Logo
Abb. 9.4.1g: Druckansicht Web Design Gazette:
Typografische Anführungszeichen
306
img {
border: none;
}
Informationsdarstellung auf anderen Medien
Für die typografischen Anführungszeichen fügen wir zuerst dem
body-Selector noch eine weitere Zeile hinzu:
quotes:"\201E" "\201C" "\201A" "\2018";
Nun können die typografischen Anführungszeichen verwendet
werden. Diese werden bisher allerdings noch nicht in allen Browsern
dargestellt (Abb. 9.4.1g).
q:before {
content:open-quote;
}
q:after {
content:close-quote;
}
q q:before {
content:open-quote;
}
q q:after {
content:close-quote;
}
Dank CSS 2 ist vieles möglich, leider lässt die Browserunterstützung
hier zu wünschen übrig. Wie schon bei der @page-Regel unterstützt
lediglich der Opera einige der Formate zur Seiteneinrichtung. Der
erzwungene Seitenumbruch vor oder nach einem Element wird
jedoch browserübergreifend verstanden. In unserem Fall soll der
Seitenumbruch nach dem News- bzw. vor dem Tutorials-Bereich
stattfinden:
#left {
page-break-before:always;
}
Und so sieht das fertige Endergebnis aus (Abb. 9.4.1h):