Bilder in anderer Größe drucken als in der Browseransicht
Andre
- javascript
0 Ingo Turski- css
0 Andre
0 Xava
hey..
Ich bin erst ein JavaScript-Neuling und bin grad dabei
eine HTML-Datei zu erzeigen..in dieser verwende ich JS.
Alles funktioniert super..
Nun möchte ich gern die Seite Drucken, was auch funktioniert,
bloß ich möchte das Bild in der Druckausgabe kleiner haben als im Browser.. ist das möglich?
<OBJECT id=bild2 type=image/jpg height=300 width=660 data=images/Koerper.jpg name=bild2>
</OBJECT>
#so soll es gedruck werden
und das soll im Browser dargestellt werden
<OBJECT id=bild2 type=image/jpg height=600 width=960 data=images/Koerper.jpg name=bild2>
</OBJECT>
Hi,
<OBJECT id=bild2 type=image/jpg height=300 width=660 data=images/Koerper.jpg name=bild2>
</OBJECT>
warum nicht <img id="bild2" src="images/Koerper.jpg" />
und dann über CSS:
#bild2 { height:300px; width:660px; }
@media print {
#bild2 { height:600px; width:960px; }
}
freundliche Grüße
Ingo
Hi,
<OBJECT id=bild2 type=image/jpg height=300 width=660 data=images/Koerper.jpg name=bild2>
</OBJECT>
warum nicht <img id="bild2" src="images/Koerper.jpg" />
und dann über CSS:
#bild2 { height:300px; width:660px; }
@media print {
#bild2 { height:600px; width:960px; }
}freundliche Grüße
Ingo
danke
aber es muss auch mit <object> gehen, da ich auch SVG-Datein einbinden möchte und es mit denen nur so möglich ist.
kenn micht nicht so mit CSS aus.. aber da wird es Zeit es ein wenig zu lernen
lg Andre
Hi,
aber es muss auch mit <object> gehen, da ich auch SVG-Datein einbinden möchte und es mit denen nur so möglich ist.
da man fast alle Elemente über CSS formatieren kann, sollte dasselbe auch mit <object> funktionieren. Probier's mal aus.
freundliche Grüße
Ingo
Hallo Andre!
Ich bin zwar nicht der JavaScript-Fachmann, aber ich würde dass Problem mit CSS lösen.
CSS sieht verschiedene Medientypen für die Ausgabe -- wie z. B. Drucker, Bildschirm, Sprachausgabe -- vor.
Mehr Informationen siehe:
"CSS: Stylesheet für ein Druck-Layout", http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/