Print.css - Grafik austauschen

[sebastiango]

Hallo zusammen,

ich bin absoluter CSS-Anfänger und bislang leider nirgends fündig geworden:
Ich möchte für die Druckversion meiner Seite gerne ein spezielles Logo verwenden. Im print.css müsste also irgendwo hinterlegt sein, dass mein "normales Logo" (mit Spiegelung) durch eine "einfach Druckversion" ersetzt werden soll.

Wie stell ich das an?

Bereits vorab vielen Dank für eure Unterstützung!

Gruß,
Sebastian

[sejuma]

Wenn du das Logo als Hintergrundgrafik eingebunden hast, dann kannst du in der print.css einfach die Grafiken austauschen.

[sebastiango]

...und falls nicht? Die Grafik wird über mein CMS leider "hart" in's HTML codiert!

[sejuma]

Dann geht das nicht mit CSS.
Du kannst die Grafik aber als Hintergrundgrafik einbinden.
Dazu entferne die "harte" Einbindung, ersetze sie mit einem anderen Element, z.B. h1-h6, p oder div und weise sie diesem als Hintergrundgrafik zu.

[ThomaZ]

Dann geht das nicht mit CSS.

Wer behauptet das?
In Baue einfach beide Bilder Fest mit ein. In der normalen Ansicht kannst du dann das Bild aus der Druckversion unsichtbar machen, in der Druckversion machst du das Originalbild unsichtbar.

Mit unsichtbar meine ich:

Code: Alles auswählen

display:     none;

Damit machst du ein Element unsichtbar. Es wird ausserdem für Positionierungen etc vollkommen vom Quellcode ignoriert.


MfG

ThomaZ

[sejuma]

Stimmt, so geht es.
Dazu muss man dem image eine Klasse zuweisen.

[sebastiango]

Baue einfach beide Bilder Fest mit ein

DANKE für eure Unterstützung! Mal sehen was das CMS so hergibt (ist 'n wenig "speziell") - sollte aber möglich sein! Die Idee (verstecken) gefällt mir jedenfalls sehr gut!

Gruß
Sebastian