Zur Boardunity Forenstartseite
  #1  
Alt 08.01.2007, 12:40
Benutzerbild von LonelyPixel
UNB-Entwickler
 
Registriert seit: 01.2004
Ort: Erlangen
Beiträge: 970

Eigene Bilder für Display und Druck


Hi,
ich habe in meinem Web-Labor eine spezielle CSS-Datei für die Druckausgabe eingerichtet, sodass die Seiten für den Druck nochmal speziell optimiert werden können. Z.B. benötigt die Navigation links viel Platz und ist beim Druck sowieso wenig nützlich. Jetzt habe ich aber das Design geändert und den Kopfbereich der Seite dunkler gestaltet. Das Logo hat demnach weiße Schrift. Um nicht zuviel Farbe zu verbrauchen, braucht man ja auch das bunte Hintergrundbild nicht mitdrucken. Damit man aber vom Logo nochwas lesen kann, hab ich stattdessen einen mittleren Grauton definiert. Üblicherweise sind die Web-Browser heute aber so konfiguriert, dass sie Hintergründe gar nicht drucken. Also egal, was ich da oben einstell, das Logo mit seiner weißen Schrift muss vor einem weißen Hintergrund stehen, wenn der Benutzer hier nicht eingreift und den Druck von Hintergründen aktiviert.

Ich habe das Logo noch von früher mit dunkler Schrift und würde das gerne für den Druck einsetzen. Die einzige Methode, die mir dazu einfällt, ist das Bild doppelt in die Seite einzufügen, und je nach verwendetem Stylesheet (display (Standard) oder print) das eine oder das andere <img> auszublenden. Dann würden aber immer beide Grafiken übertragen und in einfachen Browsern erscheint es immer doppelt. Weitere Experimente im Print-CSS mit background-image und list-style-image waren erfolglos.

Weiß hier jemand einen Weg, wie man ein bestimmtes Bild in einer HTML-Seite für den Druck auswechseln kann, ohne dass es die sonstige Zeit stört? Den Link zur Seite gibt's in meiner Signatur, zum Anschauen der Lage. Ausprobieren kann man das ganze mit der Druckvorschau des Browsers (getestet in Firefox 1.5 und IE 7).
__________________
Yves Goergen
Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit)
  #2  
Alt 14.01.2007, 01:49
Benutzerbild von Philipp Gérard
Zeitdenken
 
Registriert seit: 09.2003
Ort: Wien
Beiträge: 831
Binde das Logo als Listenelement ein, da wird alles mitgedruckt und das kannst du via CSS verändern.

Code:
display: list-item;
list-style-image: url(image.jpg);
list-style-position: inside;

__________________
Philipp Gérard
Gewöhnliche Menschen denken nur daran, wie sie ihre Zeit verbringen. Ein intelligenter Mensch versucht sie zu nützen. - Arthur Schopenhauer
  #3  
Alt 14.01.2007, 15:47
Benutzerbild von LonelyPixel
UNB-Entwickler
 
Registriert seit: 01.2004
Ort: Erlangen
Beiträge: 970
Ah, danke! Das „display: list-item“ war mir grad nicht geläufig. Funktioniert jetzt im Firefox 2 und IE 7. Opera 9 mag nicht, aber ok.

__________________
Yves Goergen
Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit)
Antwort


Stichworte
-

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
eigene Fehlerseiten mit Tomcat4 lörs Webspace, Webserver, Domains 4 13.02.2004 21:13
IPB deutsche Bilder ehf Web Design und Grafik 4 31.01.2004 19:05






1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24