Ingo Siemon: PDF oder eigenes Print-CSS

Tach mal wieder

Ich habe einen Online-Shop.
Und auf den Produktseiten möchte ich den Usern die Möglichkeit
geben, sich diese Seiten auszudrucken und abzuspeichern.

Darum habe ich unten auf den entsprechenden Seiten zur Zeit
einen Link "PDF / Drucken", welcher mit einem title-Attribut
"Diese Seite als PDF-Datei anzeigen/downloaden/drucken" versehen ist:
http://spaceart.de/_Test/produkte/te024.htm

Würdet Ihr sagen, dass reicht soweit aus?
Weil doch PDF-Reader sehr weit verbreitet sind.
Oder meint Ihr, ich soll lieber noch ein extra Print-CSS machen
und den PDF-Link dann extra?

Eure Meinung dazu würde mich wieder sehr interessieren.
Vielen Dank schon mal im Vorraus und
Gruß aus Münster
Ingo Siemon

  1. Hallo Ingo,

    ich erwarte von jeder Seite das Sie sich ausdrucken lässt. Ein Print-CSS anzulegen sollte ja nicht die Arbeit sein.

    Warum nicht zusätzlich ein Produktblatt als PDF aunbieten.

    Liebe Grüße,

    Bernd

    1. Lieber Bernd

      ich erwarte von jeder Seite das Sie sich ausdrucken lässt.

      Ja, das wäre schön, nur leider findet man das recht selten.

      Ein Print-CSS anzulegen sollte ja nicht die Arbeit sein.
      Warum nicht zusätzlich ein Produktblatt als PDF aunbieten.

      OK, stimmt natürlich.
      Ich hatte nur überlegt, dass ich eben auch nicht zu viele extra-Links
      machen wollte, weil dann die Übersichtlichkeit auch schnell verloren geht.

      Aber in der Artikelbeschreibung noch einen solchen grauen Kasten
      mit "PDF" und "Drucken" werde ich nun wohl machen

      Und die "PDF / Drucken"-Geschichte aus dem Footer werde
      ich da wieder rauswerfen.

      Gruß
      Ingo

  2. Hi Ingo!

    Ich finde diesen Service sehr ansprechend. Es wirkt professionell, wenn man die Informationen, die man gerade noch im Browser sieht, sogleich als PDF-Datei auf dem Rechner hat und der Familie, Freunden, Kunden, etc. zeigen kann.

    Aber deine Linkfarbe hat sich ja immer noch nicht verbessert. :)
    Diese Blau und Braun finde ich nicht gut. Versuche es mit weniger satten, dunklen Farben.
    Aber das ist natürlich nur meine Meinung. Ich bin einfach der Meinung, dass Blau als Linkfarbe zu gewöhnlich ist.

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. Tach H☼psel

      Ich finde diesen Service sehr ansprechend.

      OK, danke für die Zustimmung.
      Würdest Du denn an meiner Stelle 2 seperate Links machen?
      Eben einen für die PDF-Version und eine zur Print-CSS-Seite sozusagen?

      Aber deine Linkfarbe hat sich ja immer noch nicht verbessert. :)
      Versuche es mit weniger satten, dunklen Farben.

      Ich habe dieses Blau-Lila-Rot ja schon extra "abgesoftet",
      weil mir diese grellen Standardfarben doch zu "un-edel" waren.
      Aber die grundsätzlichen Farben (eben Blau, Lila und Rot),
      die der User ja gewohnt ist (unter anderem auch duch eBay),
      wollte ich schon ganz gerne verwenden.

      Aber ich lass natürlich noch gern mit mir reden :)
      Hättest Du nicht vielleicht Lust, mir einfach ma 3 ganz
      konkrete Farben vorzuschlagen, die dann auch zu meinen
      grauen Hintergrundfarben passen?

      Gruß
      Ingo

      1. Hi Ingo!

        Tach H☼psel

        Ich finde diesen Service sehr ansprechend.

        OK, danke für die Zustimmung.
        Würdest Du denn an meiner Stelle 2 seperate Links machen?
        Eben einen für die PDF-Version und eine zur Print-CSS-Seite sozusagen?

        Wieso? Ich dachte, es reicht, für die Seite einfach mehrere CSS-Dateien zu verwenden, die dann für verschiedene Ausgabegeräte gedacht sind.
        Vielleicht habe ich da aber auch was falsch verstanden.

        Hättest Du nicht vielleicht Lust, mir einfach ma 3 ganz
        konkrete Farben vorzuschlagen, die dann auch zu meinen
        grauen Hintergrundfarben passen?

        Erstens sind es fünf Farben und zweitens kommen noch zwei Hintergrundfarben hinzu. :)

        Die Navigation sieht unedel, verschmutzt und komisch aus. Ich würde vorschlagen, dass du hier elegante Buttons benutzt.

        Ungefähr so:

        ul#nav {  
        margin:0em;  
        padding:0px;  
        list-style:none;  
        }  
          
        ul#nav li {  
        margin:0px;  
        padding:0px;  
        }  
          
        ul#nav li a {  
        background-color:#f5f5f5;  
        margin:0px;  
        padding:0px;  
        padding-left:2em;  
        display:block;  
        color:#000;  
        border-top:1px solid #fff;  
        }  
          
        ul#nav li a:hover {  
        background-color:#e5e5e5;  
        border-top:1px solid #888;  
        }
        

        Ich benutze selber diesen Code und bin sehr zufrieden mit der Darstellung.

        Für die übrigen Links würde ich das Blau und die Unterstreichung lassen; auch das Braun könnte ich gerade so noch akzeptieren. Vielleicht eine Spur weniger Farbe und dafür dunkler.

        Aber dieses Lila. Das würde ich durch ein dunkles Grau, etwa #333, ersetzen.

        MfG H☼psel

        --
        "It's amazing I won. I was running against peace, prosperity, and incumbency."
        George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
        Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
        1. Tach H☼psel

          Ich dachte, es reicht, für die Seite einfach mehrere CSS-Dateien zu verwenden, die dann für verschiedene Ausgabegeräte gedacht sind.

          Ja, genau das meine ich ja im Grunde auch.
          Wenn man dann auf den Drucken-Link klickt,
          soll sich direkt der Drucken-Dialog öffnen und die Seite
          dann eben mit dem dazugehörigen CSS-Angaben gedruckt werden.

          Die Navigation sieht unedel, verschmutzt und komisch aus.

          Harte Worte ;-)

          Ich würde vorschlagen, dass du hier elegante Buttons benutzt.
          Ungefähr so: ...
          [code lang=css]ul#nav {
          ... Ich benutze selber diesen Code und bin sehr zufrieden mit der Darstellung.

          Hättest Du vielleicht mal eine URL für mich parat, wo
          ich mir das ansehen kann?

          Für die übrigen Links würde ich das Blau und die Unterstreichung lassen; auch das Braun könnte ich gerade so noch akzeptieren. Vielleicht eine Spur weniger Farbe und dafür dunkler.
          Aber dieses Lila. Das würde ich durch ein dunkles Grau, etwa #333, ersetzen.

          Ich werds mir mal überlegen ... OK?

          Gruß
          Ingo

          1. Hi Ingo!

            Hättest Du vielleicht mal eine URL für mich parat, wo
            ich mir das ansehen kann?

            Eigentlich nicht. Alles passwortgeschützt. :)

            Aber ich habe eine Testseite online gestellt: http://web.inf.tu-dresden.de/~s2976169/selfhtml/ingo.htm

            MfG H☼psel

            --
            "It's amazing I won. I was running against peace, prosperity, and incumbency."
            George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
            Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
            1. Lieber H☼psel

              Aber ich habe eine Testseite online gestellt: http://web.inf.tu-dresden.de/~s2976169/selfhtml/ingo.htm

              Ok, vielen lieben Dank für die Mühe.
              Das sieht ja wirklich recht schick aus.
              Ich werde mir das nun nochmal ernsthaft überlegen mit meiner Navigation.

              Gruß
              Ingo

              1. Hi Ingo!

                Aber ich habe eine Testseite online gestellt: http://web.inf.tu-dresden.de/~s2976169/selfhtml/ingo.htm
                Ok, vielen lieben Dank für die Mühe.

                So viel Arbeit war´s dann auch wieder nicht. :)

                Das sieht ja wirklich recht schick aus.

                Ja. Und dabei wirkt es nicht überladen. Es sind ja auch bloß der obere und der untere Rahmen und die Hintergrundfarbe, die verändert werden.

                Ich werde mir das nun nochmal ernsthaft überlegen mit meiner Navigation.

                Ich bin davon überzeugt, dass sich, wenn du die Farben noch ein wenig anpasst, die Navigation elegant in deine Seite einfügen wird.

                Im Moment ist sie zu aufdringlich mit ihren unterschiedlichen Farben.

                MfG H☼psel

                --
                "It's amazing I won. I was running against peace, prosperity, and incumbency."
                George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
                Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
                1. Lieber H☼psel

                  Im Moment ist sie zu aufdringlich mit ihren unterschiedlichen Farben.

                  Das mit den unterschiedlichen Farben geht mir auch etwas auf den Wecker.
                  Vor allem, wenn man eben nur einige Links angeklickt hat.
                  OK, irgendwann hat man als Unser/Kunde wohl alle Navi-Links
                  durchgeklickt, so dass dann alle wieder die gleiche Farbe (Lila) haben.
                  Aber bei Gelegenheitsbesuchern oder Usern mit kurzer
                  Browser-Verlaufs-Speicher-Einstellung ists dann schnell wieder bunt.

                  Wie gesaht, ich werde mich da wohl doch nochmal ranmachen.
                  Aber erstmal steht gerade das Druck-CSS an :)

                  Gruß
                  Ingo

          2. Hallo Ingo

            Wenn man dann auf den Drucken-Link klickt,
            soll sich direkt der Drucken-Dialog öffnen und die Seite
            dann eben mit dem dazugehörigen CSS-Angaben gedruckt werden.

            Im Prinzip finde ich das unnoetig. Mich verwirren manchmal solche Knoepfe sogar, weil ich mich frage, ob ich nun die Seite einfach normal ausdrucken soll, oder ob ich diesen "Drucken"-Knopf verwenden soll.

            Lass doch den Knopf "in Drucklayout anzeigen" oder so weg. Und mache einfach ein gutes Druck-css, welches beim Drucken verwendet wird.

            Die zusaetzliche Funktion fuer pdf ist zwar normalerweise nicht noetig, aber ganz nett und in Deinem Fall sicher praktisch.

            Gruss
            Louis

            1. Lieber Louis

              Im Prinzip finde ich das unnoetig. Mich verwirren manchmal solche Knoepfe sogar, weil ich mich frage, ob ich nun die Seite einfach normal ausdrucken soll, oder ob ich diesen "Drucken"-Knopf verwenden soll.

              OK, ich verstehe.
              Ich hatte halt gedacht, dass ich damit dann auch die Anfänger-User,
              die ihren Browser nicht so gut kennen und vielleicht nicht wissen,
              dass man Webseiten auch ausdrucken kann, damit sozusagen motiviere
              bzw. auf die Idee bringe, die Artikelseite auszudrucken.

              Du meinst aber, dass man Funktionen, die eh jeder Browser mitbringt
              nicht noch extra auf der Seite als Links anbieten sollte ... richtig?
              (Es gibt ja auch haufenweise Seiten mit "Zurück"-Links,
              obwohl dass ja zum absoluten Standard jeden Browsers gehört)

              Lass doch den Knopf "in Drucklayout anzeigen" oder so weg. Und mache einfach ein gutes Druck-css, welches beim Drucken verwendet wird.

              Ja, OK, scheint ja so, als wenn ich Dich oben richtig verstanden habe :)
              Was sagen denn die anderen hier dazu?

              Die zusaetzliche Funktion fuer pdf ist zwar normalerweise nicht noetig, aber ganz nett und in Deinem Fall sicher praktisch.

              Yep. Ich habe doch so einige Kunden, die sich die ganzen
              Produktseiten gerne irgendwei abspeichern möchten.
              Und da ist PDF doch ne super Sache.

              Gruß
              Ingo

              1. Hi Ingo!

                Ja, OK, scheint ja so, als wenn ich Dich oben richtig verstanden habe :)
                Was sagen denn die anderen hier dazu?

                Das Gleiche. :)

                Yep. Ich habe doch so einige Kunden, die sich die ganzen
                Produktseiten gerne irgendwei abspeichern möchten.
                Und da ist PDF doch ne super Sache.

                Da will ja auch niemand dran rütteln. Ich finde, diese Funktion sehr praktisch.

                MfG H☼psel

                --
                "It's amazing I won. I was running against peace, prosperity, and incumbency."
                George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
                Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
                1. H☼psel

                  Das Gleiche. :)

                  OK :)

                  Da will ja auch niemand dran rütteln.
                  Ich finde, diese Funktion sehr praktisch.

                  nochmal OK.

                  Gruß
                  Ingo

  3. hi,

    Darum habe ich unten auf den entsprechenden Seiten zur Zeit
    einen Link "PDF / Drucken", welcher mit einem title-Attribut
    "Diese Seite als PDF-Datei anzeigen/downloaden/drucken" versehen ist:
    http://spaceart.de/_Test/produkte/te024.htm

    Würdet Ihr sagen, dass reicht soweit aus?

    Unabhängig davon, ob ich nun lieber PDFs oder die eigentliche Seite drucken wollen würde - ich müsste den Link zu deinem PDF erst mal finden, bevor ich davon Gebrauch machen könnte. Und deshalb finde ich die Unterbringung im Footer (da war doch mal was? ;-)) recht unglücklich. Zum einen schau ich da vermutlich so ziemlich als letztes nach, wenn ich ein PDF mit der Artikelbeschreibung suche - schließlich stehen die anderen Daten zum Artikel ja auch in der Artikelbeschreibung. Und zum anderen erwarte ich im Footer auch gar keine, auf die jeweilige Detailseite bezogenen _individuellen_ Links, sondern nur so allgemeine wie zum Impressum, AGB/FAQ etc.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Lieber wahsaga

      ... schließlich stehen die anderen Daten zum Artikel ja auch in der Artikelbeschreibung.
      ... Und zum anderen erwarte ich im Footer auch gar keine, auf die jeweilige Detailseite bezogenen _individuellen_ Links, sondern nur so allgemeine wie zum Impressum, AGB/FAQ etc.

      Ja, das leuchtet mir ein.
      Ich werde das ändern und den/die PDF- (und) Drucken-Lins mit
      in die Artikelbeschreibung aufnehmen.
      Vielen Dank für den Hinweis.

      Gruß
      Ingo

    2. Lieber wahsaga

      ... deshalb finde ich die Unterbringung im Footer recht unglücklich.

      OK, ich habe das nun mal nach Deinem Ratschlag geändert.
      Nun ist der Footer auf allen Seiten gleich
      und zeigt nur allgemeine Links wie zum Impressum, AGB/FAQ etc.

      Und die PDF- und Drucken-Links habe ich nun direkt in der
      Artikelbeschreibung untergebracht.
      Wie findet Ihr denn die Formulierung dieser?
      http://spaceart.de/_Test/produkte/te024.htm

      Gruß
      Ingo

      1. Hi Ingo!

        Wie findet Ihr denn die Formulierung dieser [Artikelbeschreibung]?

        Mal davon abgesehen, dass ich dafür kein Geld ausgeben würde, ist die Beschreibung schon ganz gut. Mir gefallen die Bilder. Man hat eine sehr gute Vorstellung davon, was man bekommt.

        MfG H☼psel

        --
        "It's amazing I won. I was running against peace, prosperity, and incumbency."
        George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
        Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
        1. Lieber H☼psel

          Mal davon abgesehen, dass ich dafür kein Geld ausgeben würde, ist die Beschreibung schon ganz gut. Mir gefallen die Bilder. Man hat eine sehr gute Vorstellung davon, was man bekommt.

          Da hast Du mich nun doch etwas falsch verstanden
          Ich meine die Formulierung der beiden Links:
          "Diese Seite als Druck-Version"
          "Diese Seite als PDF-Datei"

          Gruß
          Ingo

          1. Hallo

            "Diese Seite als Druck-Version"

            Wozu brauchst du diesen Link? Wer die Seite direkt per Browser ausdrucken will, sollte dies ohne Aufruf einer neuen Seite können. Ergo: Einen Verweis auf die druck.css in den HTML-Head schreiben, und schon erledigt sich die Frage. In der druck.css kannst du dann die Navigation und andere für den Ausdruck irrelevanten Teile des HTML-Codes ausblenden, sodass nur die Artikelbeschreibung und die Bilder übrigbleiben.

            Tschö, Auge

            --
            Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
            (Victor Hugo)
            Veranstaltungsdatenbank Vdb 0.1
            1. Tach Auge

              Wozu brauchst du diesen Link? Wer die Seite direkt per Browser ausdrucken will, sollte dies ohne Aufruf einer neuen Seite können.

              Nein, ich wollte da nicht extra eine neue Seite anzeigen lassen.
              Ich wollte hinter diesem Drucken-Link direkt den Drucken-Dilaog
              des Browsers aufrufen.

              Ergo: Einen Verweis auf die druck.css in den HTML-Head schreiben, und schon erledigt sich die Frage. In der druck.css kannst du dann die Navigation und andere für den Ausdruck irrelevanten Teile des HTML-Codes ausblenden, sodass nur die Artikelbeschreibung und die Bilder übrigbleiben.

              Ja, genau, so hatte ich das ja im Grunde auf vor.
              Ich wollte bloss diesen Drucken-Link noch unterbringen,
              um den User auf die Möglichkeit aufmerksam zu machen.
              Bzw. ihn auch irgendwie dazu motivieren.
              Also damit eben auch die Anfänger-User wissen, dass sie die Seite
              ausdrucken können, die mit Ihrem Browser nicht so gut umgehen können.

              Meint Ihr, dass ist keine so sinnvolle Iddee?

              Gruß
              Ingo

              1. Hi Ingo!

                Also damit eben auch die Anfänger-User wissen, dass sie die Seite
                ausdrucken können, die mit Ihrem Browser nicht so gut umgehen können.
                Meint Ihr, dass ist keine so sinnvolle Iddee?

                Genau. Gerade als Anfänger geht man doch davon aus, dass man so einfache Dinge auch ausdrucken kann.

                MfG H☼psel

                --
                "It's amazing I won. I was running against peace, prosperity, and incumbency."
                George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
                Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
                1. Hallo zusammen

                  Also damit eben auch die Anfänger-User wissen, dass sie die Seite
                  ausdrucken können, die mit Ihrem Browser nicht so gut umgehen können.
                  Meint Ihr, dass ist keine so sinnvolle Iddee?

                  Genau. Gerade als Anfänger geht man doch davon aus, dass man so einfache Dinge auch ausdrucken kann.

                  Ich nehme mal als Beispiel meine Eltern: Kaum haben Sie eine interessante Seite gefunden (z.B. ein Artikel welcher in Frage kommt) drucken sie die Seite aus. Insbesondere meine Mutter, für die Computer und Internet ganz neu ist. Sie kennt den "Drucken" knopf im Browser besser als jeder andere Knopf.
                  Mach dir also deswegen keine Sorgen ;)

                  Gruss

                  1. Lieber Louis

                    ... Sie kennt den "Drucken" knopf im Browser besser als jeder andere Knopf.
                    Mach dir also deswegen keine Sorgen ;)

                    OK, dann werde ich also auf einen Drucken-Link verzichten.

                    Gruß
                    Ingo

            2. Tach Auge

              ... In der druck.css kannst du dann die Navigation und andere für den Ausdruck irrelevanten Teile des HTML-Codes ausblenden, sodass nur die Artikelbeschreibung und die Bilder übrigbleiben.

              So, nun habe ich das mal so umgesetzt.
              Es gibt nun bei mir eine "css-druck.css", die ich folgendermassen
              in die Dateien eingebunden habe:
              <link rel="stylesheet" type="text/css" media="print" href="css-druck.css" />

              Klappt auch gut, wie es scheint:
              http://spaceart.de/_Test/produkte/te024.htm

              Da die Navigation ja dadurch bei den Ausdrucken nun ausgeblendet ist,
              fehlt dort eine Art "Kopfzeile", wo nochmal das SPACEart-Logo
              und ein paar Angaben wie ADresse, Telefon, E-Mail usw. stehen ...
              ... finde ich.

              Ich wollte sowas nun einbauen und im allgemeingültigen Stylesheet
              mit display:none ausblenden. Und dann im Druch-CSS mit display:inline
              wieder einblendsen. So, wie es in SelfHTML vorgeschlagen wird:
              http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/

              Nun ist es aber ja so, dass Textbrowser und Suchmaschinen die CSS-Angaben ignorieren.
              Dadurch würde dann ja z.B. ein Screenreader diese "Kopfzeile"
              auch jedesmal mit vorlesen.
              Darum habe ich mir gedacht, diese ganze "Kopfzeile",
              die ja letztendlich nur für den Ausdruck da ist, als Grafik anzulegen.

              Haltet Ihr das für sinnvoll?

              Gruß
              Ingo

              1. Hallo Ingo

                Da die Navigation ja dadurch bei den Ausdrucken nun ausgeblendet ist,
                fehlt dort eine Art "Kopfzeile", wo nochmal das SPACEart-Logo
                und ein paar Angaben wie ADresse, Telefon, E-Mail usw. stehen ...
                ... finde ich.

                Du musst ja nicht #navi ausblenden sondern stattdessen #navi dl, dann bleibt
                das Logo erhalten.

                Adresse, Telefon, E-Mail usw. würde ich eher als Fußzeile anordnen, dann
                wird sie als letztes vorgelesen und dürfte nicht stören.

                Auf Wiederlesen
                Detlef

                --
                - Wissen ist gut
                - Können ist besser
                - aber das Beste und Interessanteste ist der Weg dahin!
                1. Lieber Detlef

                  Du musst ja nicht #navi ausblenden sondern stattdessen #navi dl, dann bleibt
                  das Logo erhalten.

                  Adresse, Telefon, E-Mail usw. würde ich eher als Fußzeile anordnen, dann
                  wird sie als letztes vorgelesen und dürfte nicht stören.

                  Das sind ja 2 wirklich gute Ideen.
                  Das werde ich gleich mal ausprobieren.

                  Gruß
                  Ingo

                2. Lieber Detlef

                  Du musst ja nicht #navi ausblenden sondern stattdessen #navi dl, dann bleibt
                  das Logo erhalten.

                  Adresse, Telefon, E-Mail usw. würde ich eher als Fußzeile anordnen, dann
                  wird sie als letztes vorgelesen und dürfte nicht stören.

                  So, ich habe das nun mal so gemacht.
                  Falls Du nochmal Lust hast, Dir das kurz anzusehen
                  und vielleicht sogar mal kurz auszudrucken,
                  und mir dann Deine Meinung kundzutun,
                  würde ich mich riesig freuen:
                  http://spaceart.de/_Test/produkte/te024.htm

                  Gruß
                  Ingo

  4. Hallo Ingo,

    Und auf den Produktseiten möchte ich den Usern die Möglichkeit
    geben, sich diese Seiten auszudrucken und abzuspeichern.

    Stylesheet für ein Druck-Layout

    Das ist die Basis und auf jeden Fall notwendig.

    Darum habe ich unten auf den entsprechenden Seiten zur Zeit
    einen Link "PDF / Drucken", welcher mit einem title-Attribut
    "Diese Seite als PDF-Datei anzeigen/downloaden/drucken" versehen ist:

    Das ist eine sinnvolle Zusatzfunktion, da man die Artikelseiten damit auch bequem lokal speichern kann. Es ist allerdings etwas umständlich, per PDF zu drucken, da die Startzeit des Adobe Readers oft erheblich ist.

    Würdet Ihr sagen, dass reicht soweit aus?
    Weil doch PDF-Reader sehr weit verbreitet sind.

    Ja, aber nicht überall verfügbar.

    Oder meint Ihr, ich soll lieber noch ein extra Print-CSS machen
    und den PDF-Link dann extra?

    Ja. Ein Druck-Stylesheet für Leute, die vom Browser aus drucken wollen und eine PDF-Version für alle anderen decken alles ab.

    Grüße
     Roland

    1. Hi Orlando,

      ... da die Startzeit des Adobe Readers oft erheblich ist.

      Ein nerviges Chrakteristikum fast aller Adobe-Programme.

      Viele Grüße
      Mathias Bigge

    2. Hallo Roland,

      Es ist allerdings etwas umständlich, per PDF zu drucken, da die Startzeit des Adobe Readers oft erheblich ist.

      Kleiner Tipp zum Adobe Reader: Im Verzeichnis, wo das Programm installiert ist, gibt's zwei Verzeichnisse, in denen "Plugins" drin vorkommt. Diese einfach umbenennen und neu als leere Verzeichnisse anlegen. Dann lädt der den ganzen Krempel nicht mehr beim Start ud dieser geht dann deutlich schneller. Falls irgend ein Plugin doch gebraucht wird (ist mir noch nie passiert, aber wer weiß), kann man aus der Sicherungskopie (dem umbenannten Verzeichnis) die Datei wieder ins Verzeichnis rüberkopieren. Der Unterschied beim Starten ist *enorm*.

      Viele Grüße,
      Christian

      1. Hallo Christian,

        Kleiner Tipp zum Adobe Reader: Im Verzeichnis, wo das Programm installiert ist, gibt's zwei Verzeichnisse, in denen "Plugins" drin vorkommt. Diese einfach umbenennen und neu als leere Verzeichnisse anlegen [...] Der Unterschied beim Starten ist *enorm*.

        danke für diesen nützlichen Tipp.

        Freundliche Grüße

        Vinzenz

    3. Lieber Roland

      Ja. Ein Druck-Stylesheet für Leute, die vom Browser aus drucken wollen und eine PDF-Version für alle anderen decken alles ab.

      Vielen Dank auch Dir für Dein Feedback.
      Genau so werde ich es nun machen.

      Gruß
      Ingo

  5. Hallo

    Ich bin ja nun gerade dabei, ein specielles CSS für das
    Drucklayout zu erstellen.

    Dabei habe ich festgestellt, dass sich ja die Schriftgröße
    auch beim Drucklayout an der Browsereinstellung orientiert.
    Wenn ich also im Browser eine recht große Schrift eingestellt habe,
    wird diese größe Schrift eben auch beim Drucken verwendet.

    Nun überlege ich, ob ich für mein Print-CSS eine fixe Schriftgröße
    angeben soll.
    Was meint Ihr?

    Gruß
    Ingo

    1. Hallo Ingo

      Nun überlege ich, ob ich für mein Print-CSS eine fixe Schriftgröße
      angeben soll.

      Genau dort wäre eine Angabe in pt durchaus angebracht.

      (Hast du dir Stylesheet für ein Druck-Layout angesehen?)

      Auf Wiederlesen
      Detlef

      --
      - Wissen ist gut
      - Können ist besser
      - aber das Beste und Interessanteste ist der Weg dahin!
      1. Lieber Detlef

        Genau dort wäre eine Angabe in pt durchaus angebracht.

        OK, prima, dann war meine Überlegung ja richtig.

        (Hast du dir Stylesheet für ein Druck-Layout angesehen?)

        Doch klar :)
        Aber ich finde dort keine Infos zu dieser Schriftgrößen-"Problematik"
        bei Ausdrucken. Oder habe ich da was übersehen?

        Gruß
        Ingo

        1. Hallo Ingo

          Aber ich finde dort keine Infos zu dieser Schriftgrößen-"Problematik"
          bei Ausdrucken. Oder habe ich da was übersehen?

          Die Frage hatte ich extra eingeklammert, weil sie allgemein und nicht speziell
          auf die Schriftgrößenproblematik bezogen war.

          Auf Wiederlesen
          Detlef

          --
          - Wissen ist gut
          - Können ist besser
          - aber das Beste und Interessanteste ist der Weg dahin!
          1. Lieber Detlef

            Die Frage hatte ich extra eingeklammert, weil sie allgemein und nicht speziell

            Ahhh, ich verstehe :)

            Gruß
            Ingo

        2. Hi,

          Genau dort wäre eine Angabe in pt durchaus angebracht.

          OK, prima, dann war meine Überlegung ja richtig.

          Ja - allerdings ist auch em hier grundsätzlich nicht verkehrt.
          Zum einen, wenn man auch die Boxgrößen passend in em angegeben hat (das müßte man sonst ebenfalls ändern) und zum anderen mag es für schlechtsehende User auch von Vorteil sein, wenn der Ausdruck auch ohne Lesebrille zu entziffern ist.

          Bei Deinem Druck-Layout fehlt übrigens noch eine Angabe zum Seitenumbruch. Bei meinen Randeinstellungen werden die Bilder im Firefox jeweils abgeschnitten und auf zwei Seiten gedruckt.
          Die Links würde ich hier auch nicht unterstreichen bzw. ausblenden, da nutzlos auf Papier.

          freundliche Grüße
          Ingo

          1. Lieber Ingo

            Ja - allerdings ist auch em hier grundsätzlich nicht verkehrt.

            OK, ich habe das nun in em geändert.
            Allerdings scheint es da keine wirklich perfeckte Lösung zu geben.
            Der IE6 orientiert sich bei der ausgedruckten Schriftgröße
            am im Browser eingestellten Schriftgrad.
            Der Firefox und der Opera machen das anscheinend nicht. Da ist die ausgedruckte
            Schriftgröe immer gleich, egal, was ich im Browser eingestellt habe.
            Könnt Ihr das nachvollziehen?

            Bei Deinem Druck-Layout fehlt übrigens noch eine Angabe zum Seitenumbruch. Bei meinen Randeinstellungen werden die Bilder im Firefox jeweils abgeschnitten und auf zwei Seiten gedruckt.

            Ja, das ist mir auch schon negativ aufgefallen.
            Leider habe ich noch nicht so ganz verstanden, wie ich das machen
            muss mit dem "erzwungenen" Seitenumbruch.

            Ich habe die Pruduktbilder ja in einer Liste:

              
            <ul class="produktbilder">  
             <li>  
              <img src="te024-a.jpg" alt="Terminator: Endoskelett Büste (Abbildung 1)" title="" />  
             </li>  
             <li>  
              <img src="te024-b.jpg" alt="Terminator: Endoskelett Büste (Abbildung 2)" title="" />  
             </li>  
             <li>  
              <img src="te024-c.jpg" alt="Terminator: Endoskelett Büste (Abbildung 3)" title="" />  
             </li>  
             <li>  
              <img src="te024-d.jpg" alt="Terminator: Endoskelett Büste (Abbildung 4)" title="" />  
             </li>  
             <li>  
              <img src="te024-e.jpg" alt="Terminator: Endoskelett Büste (Abbildung 5)" title="" />  
             </li>  
             <li>  
              <img src="te024-f.jpg" alt="Terminator: Endoskelett Büste (Abbildung 6)" title="" />  
             </li>  
             </ul>  
            
            

            Wie bringe ich denn da nun so einen seitenumbruch unter?
            http://de.selfhtml.org/css/eigenschaften/printlayouts.htm#page_break_after
            habe ich mir natürlich schon angesehen, aber klar komme ich trotzdem nicht ... sorry.
            Gibts nicht irgendwie ne Möglichkeit festzulegen, dass ein Seitenumbruch
            eingefügt wird, wenn ansonsten ein Element "zerteilt" ausgedrückt würde?

            Die Links würde ich hier auch nicht unterstreichen bzw. ausblenden, da nutzlos auf Papier.

            OK, werde ich noch machen.

            Gruß
            Ingo

            1. Hi,

              Der IE6 orientiert sich bei der ausgedruckten Schriftgröße
              am im Browser eingestellten Schriftgrad.
              Der Firefox und der Opera machen das anscheinend nicht. Da ist die ausgedruckte
              Schriftgröe immer gleich, egal, was ich im Browser eingestellt habe.
              Könnt Ihr das nachvollziehen?

              ja, leider. Firefox hat darüber hinaus her einen Fehler: Wenn die Druckansicht aufgerufen wird, stellt er den Schriftgrad auf normal um; verläßt man die Druckansicht, dann wird die Seite ebenfalls mit normalem Schriftgrad angezeigt, intern ist jedoch der letzte Faktor gespeichert, so daß ein Dreh am Mausrad von diesem ausgeht.

              Allerdings berücksichtgt auch Firefox beim Ausdruck die voreingestellte Schriftgröße, so daß Angaben in EM hier tatsächlich umgesetzt werden.

              Wie bringe ich denn da nun so einen seitenumbruch unter?
              http://de.selfhtml.org/css/eigenschaften/printlayouts.htm#page_break_after
              habe ich mir natürlich schon angesehen, aber klar komme ich trotzdem nicht ... sorry.
              Gibts nicht irgendwie ne Möglichkeit festzulegen, dass ein Seitenumbruch
              eingefügt wird, wenn ansonsten ein Element "zerteilt" ausgedrückt würde?

              nein, leider nicht.
              Ich nutze hierfür immer eine KLasse "ff" mit page-break-before:always; - diese könntst Du den LIs zuweisen, die umgebrochen werden sollen.

              freundliche Grüße
              Ingo

              1. Lieber Ingo

                ... Wenn die Druckansicht aufgerufen wird, stellt er den Schriftgrad auf normal um
                Allerdings berücksichtgt auch Firefox beim Ausdruck die voreingestellte Schriftgröße, so daß Angaben in EM hier tatsächlich umgesetzt werden.

                Hmmm, das wiederspricht sich doch nun irgendwie, oder nicht?
                Wenn ich im Firefox eine Seite mit z.B. riesiger Schriftgrad-Einstellung betracht,
                wird diese doch beim Ausdruck trotzdem mit normal großer Schrift gedruckt.

                Oder meinst Du das obige sozusagen bezogen auf 1em?

                Ich nutze hierfür immer eine KLasse "ff" mit page-break-before:always;

                Ahhh, ich glaube ich verstehe :)
                Du meinst es also so:

                  
                .ff {  
                 page-break-before: always;  
                }  
                  
                <ul class="produktbilder">  
                 <li>  
                  <img src="te024-a.jpg" alt="Terminator: Endoskelett Büste (Abbildung 1)" title="" />  
                 </li>  
                 <li class="ff">  
                  <img src="te024-b.jpg" alt="Terminator: Endoskelett Büste (Abbildung 2)" title="" />  
                 </li>  
                 <li class="ff">  
                  <img src="te024-c.jpg" alt="Terminator: Endoskelett Büste (Abbildung 3)" title="" />  
                 </li>  
                 <li>  
                  <img src="te024-d.jpg" alt="Terminator: Endoskelett Büste (Abbildung 4)" title="" />  
                 </li>  
                 <li class="ff">  
                  <img src="te024-e.jpg" alt="Terminator: Endoskelett Büste (Abbildung 5)" title="" />  
                 </li>  
                 <li class="ff">  
                  <img src="te024-f.jpg" alt="Terminator: Endoskelett Büste (Abbildung 6)" title="" />  
                 </li>  
                </ul>  
                
                

                Ich habe das nun mal genau so gemacht:
                http://spaceart.de/_Test/produkte/te024.htm
                Da müsste es doch nun bei Dir im FF z.B. passen ... oder?
                Könntest Du das nochmal checken bitte?

                Da bleibt mir also nichts anderes übrig, als schon beim Seitenerstellen
                festzulegen, wo die Druck-Seitenumbrüche hin sollen?
                Wenn aber nun jemand dann eine Seite mit sehr großer Schriftgröße
                ausdruckt, passen doch die Seitenumbrüche evtl. garnicht mehr.
                Das ist ja furchtbar.

                Gruß
                Ingo

                1. Hi,

                  Allerdings berücksichtgt auch Firefox beim Ausdruck die voreingestellte Schriftgröße, so daß Angaben in EM hier tatsächlich umgesetzt werden.

                  Hmmm, das wiederspricht sich doch nun irgendwie, oder nicht?
                  Wenn ich im Firefox eine Seite mit z.B. riesiger Schriftgrad-Einstellung betracht,
                  wird diese doch beim Ausdruck trotzdem mit normal großer Schrift gedruckt.

                  Nein, Du verwechselst die Schriftgradänderung (z.B. über das Scrollrad) und die in px voreingestellte Schriftgröße. Wer schlecht sieht, wird hier einen größeren Wert als 16px eingestellt haben und in em angegebene Schriftgrößen dann auch entsprechend größer dargestellt bekommen - auch im Ausdruck.

                  Ich habe das nun mal genau so gemacht:
                  http://spaceart.de/_Test/produkte/te024.htm
                  Da müsste es doch nun bei Dir im FF z.B. passen ... oder?
                  Könntest Du das nochmal checken bitte?

                  perfekt.

                  Wenn aber nun jemand dann eine Seite mit sehr großer Schriftgröße
                  ausdruckt, passen doch die Seitenumbrüche evtl. garnicht mehr.
                  Das ist ja furchtbar.

                  nö. Bei Deinen Bilderseiten ist doch nur relativ wenig Text, so daß hier nur geringe Toleranzen ausreichen müßten. Und falls Du Umbrüche bei einer Seite mit viel Text steuern willst, bliebe wohl nur px oder noch besser pt als Einheit zu verwenden.

                  freundliche Grüße
                  Ingo

                  1. Lieber Ingo

                    nö. Bei Deinen Bilderseiten ist doch nur relativ wenig Text, so daß hier nur geringe Toleranzen ausreichen müßten.

                    Und falls Du Umbrüche bei einer Seite mit viel Text steuern willst, bliebe wohl nur px oder noch besser pt als Einheit zu verwenden.

                    Ja, damit ich das besser steuern kann, werde ich wohl doch wieder auf
                    pt als Einheit zurückgreifen, denke ich.

                    Bei meinen Textseiten wie z.B. http://spaceart.de/_Test/agb.htm
                    sieht der Ausdruck ja schon gut aus
                    (Seitenumbrüche werde ich noch einbauen)

                    Aber bei den Produktseiten finde ich es noch nicht so doll.
                    Am liebsten würde ich für den Ausdruck die Bilder anders positionieren,
                    und zwar so, wie auf meinen PDF-Dateien: http://spaceart.de/_Test/produkte/te024.pdf

                    Dann würde jede Produktseite schon auf ein Blatt Papier passen.
                    ABer ich habe noch keine so richtige Idee, wie
                    ich die Liste (ul) mit den Bildern im Druck-CSS so umbauen
                    kann, dass es funktioniert.

                    Hättest Du da vielleicht einen Tipp/Gedankenanstoss für mich?

                    Gruß
                    Ingo

                      
                    <ul class="produktbilder">  
                     <li>  
                      <img src="te024-a.jpg" alt="Terminator: Endoskelett Büste (Abbildung 1)" title="" />  
                     </li>  
                     <li>  
                      <img src="te024-b.jpg" alt="Terminator: Endoskelett Büste (Abbildung 2)" title="" />  
                     </li>  
                     <li>  
                      <img src="te024-c.jpg" alt="Terminator: Endoskelett Büste (Abbildung 3)" title="" />  
                     </li>  
                     <li>  
                      <img src="te024-d.jpg" alt="Terminator: Endoskelett Büste (Abbildung 4)" title="" />  
                     </li>  
                     <li>  
                      <img src="te024-e.jpg" alt="Terminator: Endoskelett Büste (Abbildung 5)" title="" />  
                     </li>  
                     <li>  
                      <img src="te024-f.jpg" alt="Terminator: Endoskelett Büste (Abbildung 6)" title="" />  
                     </li>  
                    </ul>  
                    
                    
                    1. Hi,

                      Am liebsten würde ich für den Ausdruck die Bilder anders positionieren,
                      und zwar so, wie auf meinen PDF-Dateien: http://spaceart.de/_Test/produkte/te024.pdf

                      Dann würde jede Produktseite schon auf ein Blatt Papier passen.

                      Dazu müßtest Du die Bilder etwas verkleinert ausgeben und die Listenpunkte floaten lassen und jeden ungeraden Listenpunkt clearen.

                      freundliche Grüße
                      Ingo

                      1. Lieber Ingo

                        Dazu müßtest Du die Bilder etwas verkleinert ausgeben

                        Ja, das ist klar.

                        und die Listenpunkte floaten lassen und jeden ungeraden Listenpunkt clearen.

                        Indem ich die Listenpunkten mit Klassen sozusagen separiere
                        und diesen dann in meinem Druck-CSS entsprec hende Angaben zuordne?

                        Das müsste doch gehen.

                        Gruß
                        Ingo