Druckvorschau via CSS
Sascha
- css
Servus,
ich weiß, dass dieses Thema schon im Forum diskutiert wurde und die nötigen habe ich im Archiv auch schon aufgestöbert, aber nun bin ich an einem Punkt wo ich einfach nicht mehr weiterkomme...
Wie schon angekündigt möchte ich die Seite so einrichten, dass der Surfer sich die Site ohne Navigation und Bilder ausdrucken kann.
Hierfür habe ich die eingebundenden Stylesheets (druck.css) erweitert.
<link rel="stylesheet" media="screen" href="styles/styles.css" type="text/css">
<link rel="stylesheet" media="print" href="styles/druck.css" type="text/css">
Erweiterung in druck.css
#image {
visibility: hidden;
display: none;
}
Und auf der eigentlichen Website:
<div id="image"><img src="images/bild.gif"></div>
Jedoch erhalte ich in der Vorschau und beim Ausdruck immer noch das Bild, welches ich eigentlich nicht mehr ausdrucken möchte.
Danke für jeden Tipp.
S.
<link rel="stylesheet" media="screen" href="styles/styles.css" type="text/css">
<link rel="stylesheet" media="print" href="styles/druck.css" type="text/css">Erweiterung in druck.css
#image {
visibility: hidden;
display: none;
}
display:none;
sollte reichen.
Und auf der eigentlichen Website:
<div id="image"><img src="images/bild.gif"></div>
Wieso das div?
<img id="image" ....>
Jedoch erhalte ich in der Vorschau und beim Ausdruck immer noch das Bild, welches ich eigentlich nicht mehr ausdrucken möchte.
Bist du sicher das es dort ist wo du vermutest?
mach mal z.b.:
#image {
border:4px solid green;
}
Struppi.
Der Schlauch auf dem ich nun stehe ist leider nicht kleiner geworden.
Erweiterung in druck.css
#image {
visibility: hidden;
display: none;
}display:none;
sollte reichen.
Änderung habe ich übernommen.
Und auf der eigentlichen Website:
<div id="image"><img src="images/bild.gif"></div>Wieso das div?
<img id="image" ....>
Wieso div? Ich habe es bei einigen im Archiv gesehen und da dachte ich mir so falsch wird dies nicht sein.
Nun habe ich es aber geändert.
Bist du sicher das es dort ist wo du vermutest?
mach mal z.b.:
#image {
border:4px solid green;
}
Gute Frage, die ganze Geschichte muß ich doch in meine druck.css und nicht in die styles.css (für die Darstellung am Screen) einbauen?!
Ich habe es auch am Ende der druck.css eingebaut und dennoch ist bei der Druckvorschau immer noch das gleiche Ergebnis - Bild ist mit dabei. :-(
Danke für jeden der Licht in meinen dunklen Geist bringt.
S.
Und auf der eigentlichen Website:
<div id="image"><img src="images/bild.gif"></div>Wieso das div?
<img id="image" ....>Wieso div? Ich habe es bei einigen im Archiv gesehen und da dachte ich mir so falsch wird dies nicht sein.
Nun habe ich es aber geändert.
Es ist einfach unnötig.
Bist du sicher das es dort ist wo du vermutest?
mach mal z.b.:
#image {
border:4px solid green;
}Gute Frage, die ganze Geschichte muß ich doch in meine druck.css und nicht in die styles.css (für die Darstellung am Screen) einbauen?!
Ja.
Ich habe es auch am Ende der druck.css eingebaut und dennoch ist bei der Druckvorschau immer noch das gleiche Ergebnis - Bild ist mit dabei. :-(
Dann ist deine druck.css nicht dort wo du sie vermutest, der Browser findet sie nicht oder dein Browser kann keine medie="print"?
Struppi.
Dann ist deine druck.css nicht dort wo du sie vermutest, der Browser findet sie nicht oder dein Browser kann keine medie="print"?
Der Browser ist bei mir ein IE und Safari auf der kreativen Obstkiste (MAC). Werde ich es doch einmal bei meinen Windows Rechner zu Hause testen müssen.
Trotzdem Danke!