Druckversion

[dobra]

Hallo,

Ich biete in meinem shop u.a. auch Strick- und Häkelmuster zum anschauen und selber ausdrucken an.

Nachdem ich jetzt auf noframe umstellen will, würde aber die ganze Seite mit Navigation gedrucht werden.

Weiß jemand eine (möglichts einfache) Lösung, wie ich meinen Kunden eine Druckversion dieser Seiten anbieten kann?

Danke im Voraus
mfG Woll-Insel

Linkback: https://www.shoppilot.net/pf/index.php?topic=617.0

[hop]

Hallo,

eine Druckversion kann man sehr schön über Stylesheets generieren.
Und zwar können Stylesheets vom Ausgabemedium abhängig eingebunden werden.
Beispiel:

Code: [Auswählen]

@media print {
body {
background-color: #FFFFFF;
font-size:12pt;
font-family:"Times New Roman", Times, serif;
}
#Seiteninhalt {
background-color:#FFFFFF;
width: 100%;
}
#Navigation {
display:none;
}

#InfoboxRechts {
display:none;
}

}

Das Funktioniert so, dass man alle Elemente, die ausgeblendet werden sollen
in ein z.B. <div id="Navigation"> </div> für den Navigationsbereich einbettet.
Dann wird diese einfach mit display:none; ausgeblendet.
Diese Stylesheet wird nur wirksam, wenn das Ausgabemedium eine Drucker ist durch "@media print".
Es sollte am Ende der Styledefintion stehen oder man muss die anderen Styles mit "@media screen"
spezifizieren.

Gruss hop

[dobra]

Guten Morgen,

Nach ein bißchen herumprobieren klappt das jetzt so.

Mein css-Code (als letztes in der css-Datei) schaut jetzt so aus:

@media print {   body
{background-color: #FFFFFF; font-size:12pt; font-family:"Times New Roman", Times, serif;}      
    #PRINT {background-color:#FFFFFF; padding-left: 160px; width: 100%;}   
    #NOPRINT {display:none;   }      
}

und die auszublendenden Teile zwischen <div id="NOPRINT"> und </div>

Wie kann ich den Code noch erweitern, daß eine Zeile gedruckt wird, die an Bildschirm nicht angezeigt wird?

mfG
Woll-Insel

[dobra]

Hallo,

falls es außer mir noch jemanden interessiert:
ich hab inzwischen herausgefunden (bei SELFHTML gestöbert) wie's geht

in der css-Datei 
@media screen  {  body
{background-color: #FFFFFF; font-size:12pt; font-family:"Times New Roman", Times, serif;}
     #NOSHOW {display:none;   }
}

die Teile, die gedruckt werden sollen ohne am Bildschirm angezeigt zu werden zwischen <div id="NOSHOW"> und </div> schreiben.
(die Namen können beliebig geändert werden)

Ich hoffe, ich habe da jetzt keinen Blödsinn geschrieben - aber bei mir funktioniert es so.

mfG
Woll-Insel

[hop]

Hallo,

Danke für die Lösung und für die ersparte Arbeit 

Gruss hop