ghi at c'tGerald Himmelein @ c't
Material zu Artikeln | deutsch | English | Bork Bork

CSS2 - Stylesheet-Beispiel: print.css

/* Style-Sheet zur CSS2-Demo, c't 9/99 */
/* fuer Medium 'print' */

@page {
size: auto;
margin: 1cm;
/* die meisten Drucker kommen nicht
bis an den Rand; kann auch vom Browser
ueberschrieben werden */
}

BODY {
background-color: white;
/* um zu grossen Tinten/Toner-
verbrauch zu vermeiden */
}

/* wird hier zur Kopfzeile ohne Menue */
#menue {
/* geht ueber die ganze Breite der Seite*/
bottom: auto;
top: 0;
height: 2ex;
background-color: white;
}

#text {
bottom: 0;
top: 2ex;
/* der neuen Kopfzeile anpassen */
margin-left: 5cm;
margin-right: 3cm;
/* Platz ohne Ende, dafuer sollte
die Textspalte nicht zu breit werden */
}

H1 {
color: rgb(60,130,180);
top: -0.5em; /* an den oberen Rand */
left: 0em; /* kein Anschnitt */
font-size: 150%; /* Seite ausfuellen */
letter-spacing: -0.17em;
/* neu nach der aktuellen Schriftgroesse berechnen */
}

H2 { color: rgb(60,130,180); }

H3 { color: rgb(60,130,180); }

/* So sieht normaler Fliesstext aus */
P {
font-family: "GillSans" "Helvetica" "Arial" "Verdana";
/* besser Gill Sans, im Notfall Verdana */
}

/* normale Links */
A:link { color: black; }

#categories {
top: 0em;
/* an den oberen Rand des
'nonsens'-Schriftzugs */
}

#categories LI {
visibility: hidden;
/* Menue unsichtbar... */
}

#categories EM {
visibility: visible;
/* bis auf den ausgewaehlten Punkt */
font-size: 300%;
}

.submenu {
/* Untermenue unsichtbar */
display: none;
}

Autor: Alexander Oberdörster
Copyright: © 1999 Verlag Heinz Heise

Zurück zu den Erläuterungen