verschiedene media typen

[isabel]

liebes forum,

ich beschäftige mich gerade mit verschiedenen CSS für verschiedene Ausgabemedien.
Mein Problem besteht darin, das ich für den Druck einer Webseite nur bestimmte Teile der Seite ausdrucken möchte und andere Teile wie das z.B. Menu sollen gar nicht im Ausdruck erscheinen.
Geht das ohne eine neue Seite zu machen, wo diese Element fehlen.

Bisher binde ich folgende Stylsheets ein:

<link rel="stylesheet" type="text/css" media="screen" href="style/activity.css">
    <link rel="stylesheet" type="text/css" media="screen"  href="style/dialog.css">
    <link rel="stylesheet" type="text/css" media="screen" href="style/events.css">
    <link rel="stylesheet" type="text/css" media="print" href="style/activityPrint.css">

für screen und print, aber im print sind die anderen auch zu sehen nur ohne style?

Kann mir jemand helfen?

Danke
ISabel

[Elya]

Hallo Isabel,

Die styleangaben aus den anderen Dateien müssen in die Print.css auch mit rein, nur mit der Angabe display:none;

Schau mal hier:
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display

Schöne Grüße aus Köln-Ehrenfeld,

Elya

[isabel]

Na das ist ja schnelle Hilfe,

danke
isabel

[Jan L.]

Hallo Isabel,

Du kannst den Elementen, die beim Ausdruck nicht sichtbar sein sollen, eine Klasse wie z.B. 'noprint' zuweisen.
Im Stylesheet für den Ausdruck machst du einfach .noprint { display: none; }

Gruß, Jan

[Elya]

Ups, das ist eine schöne Idee, werde ich auch gleich mal ausprobieren!

Schöne Grüße aus Köln-Ehrenfeld,

Elya

[Valadan]

I s a b e l

say thou will be my beloved tonight

a dawn of enchantment in crimson bright

beneath the stars shall guide thy light

everything will be dived in thy might

lasting memories of thee, called isabel

;)