Image beim Druck unterbinden

[Werner I.]

Hallo zusammen,

ich baue gerade für meine HP ein Druck-Layout auf. Habe eine entsprechende css-Datei erstellt, in HTML eingebunden und das klappt auch: Banner und Div-Bild werden beim Druck unterdrückt.

Nun habe ich aber auf einer HTML-Datei innerhalb eines Text-Bereiches (DIV-Container) noch zusätzlich ein Bild eingearbeitet. Dieses Bild soll beim Druck auch unterdrückt werden. Über die css-Datei kann ich es nicht unterdrücken, da es innerhalt einer "div" ist.

Gibt es bei HTML auch eine Möglichkeit? Oder kann ich eine separate HTML-Datei erstellen, auf die das Druck-Layout dann zugreifen würde? wenn ja, wie?

Danke für Tips

Gruß
Werner

 

[koslowski]

Hi,

wenn in deiner druck.css img { display:none; } wird kein Bild mitgedruckt. ;)

koslowski

 

[Werner I.]

verstehe ich nicht ganz. Ich habe in meiner HP 3 Div-Container; bei zweien (Banner und pers.Bild) kann ich es über die css-Datei { display:none; } unterdrücken. Im dritten Container steht ein Text, in dem ein Bild eingearbeitet ist.

Wie kann ich denn für diesen dritten Container nur dieses Bild unterdrücken? oder welchen Befehl muß ich im css-Bereich eingeben?

Gruß
Werner

 

[_Thor_]

Wenn du auswählen willst, welche Bilder angezeigt werden sollen und welche nicht, gibst du ihnen am besten eine Klasse. Im CSS setzt du dann

.klassenname {display: none;}

Damit werden alle Elemente, die zu dieser Klasse gehören, nicht mehr angezeigt.

Oder für alle Bilder halt, wie koslowski schon gesagt hat,

img {display: none;}

Ein Link zu deiner Seite schadet auch nicht, dann können wir sehen, was du bis jetzt hast und was du noch brauchst.

 

[Werner I.]

Dank Euch beiden. Aber ich muß gestehen, ich steh momentan auf dem Schlauch.

Ich habe eine CSS-Datei für die normale HP und eine Druck-css-Datei, die für den Druck zuständig sein soll. Wenn ich bei meiner HP (siehe Link unten) diese Seite drucken lassen will, soll das Bild der Kamera nicht erscheinen. Habe den Bereich der Druck-css mal angehängt.

So wie ich es verstanden - Content3 geändert - habe klappt es aber nicht.

Danke
Werner

 #content
{
display: none;
}

 #content1
{
position:absolute; left:480px; top:400px; width:480px;
text-align: center;
font-size: medium;
float: right;
height:200px;
}

 #content2
{
position:absolute; left:110px; top:240px; width:500px;
text-decoration: none;
width: 70%;
float: left;
border: 2px solid #C0C0C0;
padding: 15px;
height:410px;
}

#content3
{
position:absolute; left:500px; top:240px; width:500px;
text-align: left;
float: right;
height:400px;
img display: none
}

Werners Website - über mich

 

[_Thor_]

img display: none

Das ist ja auch falsch, muss so sein, wie ich es oben geschrieben habe.

#content3{
.
.
.
}

img {
  display: none;
}

 

[Werner I.]

Danke Thor,

ich habe es jetzt so gemacht; es klappt: alle Bilder werden unterdrückt.

Wie müßte ich denn vorgehen, wenn ich das Bild der Kamera und die Rose unterdrücken will, der Banner aber stehen bleiben soll?

Gruß
Werner

 

[_Thor_]

Dann würde ich, wie gesagt, eine Klasse nutzen.

<img class="print" src="image.jpg" alt="Image" />
<img src="image.jpg" alt="Image" />

CSS:

.print {
  display: none;
}

Das erste Bild würde nicht angezeigt werden, das zweite würde angezeigt werden.

 

[Werner I.]

Danke Thor,

hab jetzt eine Klasse benutzt: es klappt.:grin:

Ich hab vor lauter CSS schon keine richtige Class mehr gesehen. Wirklich prima Unterstützung durch Dich hier im Forum.

Einen schönen Abend noch

Werner

 

[_Thor_]

Gern geschehen,

schönen Abend noch

 

[koslowski]

Hi,

ich baue gerade für meine HP ein Druck-Layout auf. Habe eine entsprechende css-Datei erstellt, in HTML eingebunden und das klappt auch: Banner und Div-Bild werden beim Druck unterdrückt.

nö, klappt insgesamt gar nicht.
Wenn die HP gemeint ist, wo du den Link hier eingestellt hast.

Die dortige druck.css ist völlig ungeeignet, einen vernünftigen Druck zu liefern.
Du brauchst weder float noch position oder width/height dafür.
Diese Dinge zerhauen dir das ganze Drucklayout. ;)

koslowski