• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Ausdruck unterbinden mit CSS, display:none

Denny5

New member
Hallo, ich habe folgendes Problemchen:

Meine CSS-Datei:
Code:
.noprint{								
  display:none;
}

im Head ist die css-Datei natürlich eingebunden:
HTML:
<link rel="stylesheet" type="text/css" href="css/print.css">

Mein HTML/JS Code:
HTML:
<div class="noprint"><a href="#" onClick="javascript:window.print()">Drucken</a></div>

Und jetzt das Problem: Ich möchte natürlich das "Drucken" im Browser angezeigt, aber nicht mitgedruckt wird.
Mit dem obigen Code wird jedoch "Drucken" gar nicht erst angezeigt. Gedruckt wird er übrigens auch nicht, was ja ok ist.

Woran könnte das liegen?
 
Hallo Rene,

vielen Dank für die schnelle Hilfe. Es hat also ein media="print" gefehlt.

HTML:
<link rel="stylesheet" type="text/css" href="css/print.css" media="print">

Jetzt läuft es:icon7:

Denny5
 
Zurück
Oben