Marc: Elemente nicht druckbar setzen

SELF-Forum

Elemente nicht druckbar setzen

Marc
– Informationen zu den Bewertungsregeln

Hallo!

Ich habe auf einer meiner Seiten eine Grafik, die ich per Button drucken kann. Funktioniert soweit auch gut, nur dass der Button mitgedruckt wird. Nun hab ich versucht ueber display:none diesen beim drucken auszublenden, was aber nicht funktioniert. So:

<style media="print">
     .noprint {display:none;}
</style>

und:
<BODY topmargin="0" leftmargin="0">
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td><img src="images/xy.jpg"  border=1 name="sketch" width="400" height="500"></td>
  </tr>
</table>

<div class="noprint">
<table border="0" cellspacing="0" cellpadding="0">

<tr>
   <td><input type="button" value="print" onClick="javascript:window.print()"></td>
</tr>
</table>
</div>
1. Der Button wird aber trotzdem mit ausgedruckt. Warum?
2. Wie kriege ich die Grafik fuer den Druck positioniert und in der Groesse geaendert?

Bitte habt Erbarmen mit dem dem Nivaeu der Erklaerungen, bin blutiger Anfaenger ;-)

Marc

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Elemente nicht druckbar setzen

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Ich habe auf einer meiner Seiten eine Grafik, die ich per Button drucken kann. Funktioniert soweit auch gut, nur dass der Button mitgedruckt wird. Nun hab ich versucht ueber display:none diesen beim drucken auszublenden, was aber nicht funktioniert. So:
    <style media="print">

    Da fehlt schon mal das type-Attribut.

    .noprint {display:none;}
    </style>
    <BODY topmargin="0" leftmargin="0">

    zwei nicht-existente Attribute.

    <div class="noprint">

    Ein überflüssiges div - die Klasse könnte man auch direkt der Tabelle zuweisen.

    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
       <td><input type="button" value="print" onClick="javascript:window.print()"></td>

    javascript: hat im Eventhandler nichts verloren.

    1. Der Button wird aber trotzdem mit ausgedruckt. Warum?

    Welcher Browser ist betroffen, in welcher Version?
    Passiert das auch, wenn der Code valide und korrekt ist?

    1. Wie kriege ich die Grafik fuer den Druck positioniert und in der Groesse geaendert?

    Indem Du im Druck-Stylesheet Deinen Wünschen entsprechende Positionierungs- und Größenangaben für die Grafik machst.

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.mud-guard.de/
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln