Stephan: Druckversion

Hallo,

ich habe jetzt mittels <span class="keindruck"> und <link bla> die Drucke definiert. Allerdings steht in der print.css ja
.keindruck { display:none; }

Gibt es auch sowas, womit ich definieren kann, was gedruckt wird?

Falls nicht, seht euch mal den Code meiner Seite an:

http://www.bildungszentrum-hyperkinetik.de/de/index2.php3

Wenn ich auf drucken gehe, druckt er mir eine leere Seite...

Danke für die Hilfe

Stephan

  1. Du willst also einen Seitenabschnitt am Bildschirm ausblenden, aber auf der Druckversion erscheinen lassen?

    <span class="druck">Bla bla </span>

    ...

    @media screen{
    .druck {display:none}
    }

    1. Ne, es soll nur die Mitte meiner Seite gedruckt werden, die druckt es aber nicht :-(

  2. Hi,

    ich habe jetzt mittels <span class="keindruck"> und <link bla> die Drucke definiert. Allerdings steht in der print.css ja
    .keindruck { display:none; }

    Ja - aber. Deine "HTML"-Seite ist keine HTML-Seite.
    table ist in span z.B. nicht erlaubt.

    Mach doch mal HTML draus - http://validator.w3.org/ zeigt Dir Deine Fehler (im Moment zeigt er 152 Fehler)

    Ach ja, es fehlt immer noch die Hintergrundfarbe - liest Du eigentlich, was man Dir schreibt?

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. Mit der Hintergrundfarbe habe ich es nicht gerafft?!

      1. Hi,

        Mit der Hintergrundfarbe habe ich es nicht gerafft?!

        Stell mal in Deinem Browser eine andere Hintergrundfarbe als weiß ein und guck dann die Seite nochmal an.

        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
        1. Wie kann ich das im IE machen?

          1. Wie soll ich es dann machen?? Ohne Tabellen?

            1. Hi,

              Wie soll ich es dann machen?? Ohne Tabellen?

              Wie wäre es damit, eine Hintergrundfarbe zu definieren?
              Wäre doch naheliegend, wenn die Hintergrundfarbe fehlt, oder?

              cu,
              Andreas

              --
              Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
              http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
              1. Die hintergrundfarbe von meiner HP ist weiss...

                1. Hi,

                  Die hintergrundfarbe von meiner HP ist weiss...

                  Beide screenshots ca. 60k

                  http://temp.andreas-waechter.de/screen1.gif

                  http://temp.andreas-waechter.de/screen2.gif

                  Zwischen den beiden Screenshots hab ich nur die default-Hintergrundfarbe im Browser umgestellt von Hellgelb auf hellblau.

                  cu,
                  Andreas

                  --
                  Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
                  http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
                  1. Aha, und wenn ich das definiere, ist das wirklich weiss?

                    1. Hallo Stephan!

                      Aha, und wenn ich das definiere, ist das wirklich weiss?

                      Sofern der Besucher keine Maßnahmen trifft, deine Angaben zu ignorieren (im Benutzerstylesheet Eigenschaft background: #CDF !important;), ja.

                      Bye,
                      Peter

          2. Hi,

            Wie kann ich das im IE machen?

            Extras - Internet-Optionen - Farben

            cu,
            Andreas

            --
            Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
            http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
  3. Hallo,

    jetzt habe ich noch ein anderes Problem:

    Wenn ich die Seite nun drucke, habe ich es geschafft, den Header nicht zu drucken, die Ränder von den Tabellen werden aber gedruckt...

    Wie kann ich das verhindern?

    Danke schon jetzt

    Stephan

    1. Hallo,

      Wenn ich die Seite nun drucke, habe ich es geschafft, den Header nicht zu drucken, die Ränder von den Tabellen werden aber gedruckt...
      Wie kann ich das verhindern?

      Indem Du im Druck-Stylesheet sagst, dass die Tabellen und die Zellen keine Raender haben sollen:

      table, td, th { border:0 none; }

      Falls Du zweierlei Tabellen hast, naemlich "Layouttabellen", die keine Raender haben sollen,
      und "richtige" Tabellen mit tabellarischen Daten, die Raender haben sollen, musst Du
      halt mit Klassen arbeiten. D.h. der _seltener_verwendeten Art eine Klasse geben, und
      ihr Aussehen dann extra in CSS definieren.

      Gruesse,

      Thomas

      1. Die Ränder sind aber immernoch da, ich habe die nämlich mit style formatiert :-(

        1. Hi,

          Die Ränder sind aber immernoch da, ich habe die nämlich mit style formatiert :-(

          tja, dann kommt jetzt Arbeit auf Dich zu ..;-)
          alles in Klassen packen und die dann _vor_ dem Druck-CSS entsprechend definieren.
          freundliche Grüße
          Ingo

          1. In klassen mache ich die, OK aber wie definiere ich die dann vor dem Druck?

            1. Hi,

              In klassen mache ich die, OK aber wie definiere ich die dann vor dem Druck?

              indem Du die Klassen zunächst allgemein (d.h. insbesondere für die Bildschirmausgabe) definierst und anschliessend mit speziellen Definitionen für das Medium print überscheibst. Sinnvoll finde ich hier, zwei verschiedene CSS-dateien nacheinander einzubinden - die zweite dann eben über media="print".

              freundliche Grüße
              Ingo

        2. Hallo,

          Die Ränder sind aber immernoch da, ich habe die nämlich mit style formatiert :-(

          Das soll Dir eine Lehre sein.

          Mach alle style-Attribute weg.
          Die sind fast so schaedlich wie FONT und Konsorten.
          Und sie werden zum "Klotz am Bein", wenn man etwas zentral aendern will.

          Denn sie sind staerker als (fast) alles andere.
          Nur mit !important kann man sie z.T. uebersteuern.
          http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules
          Das ist aber Zwaengerei, und nicht im Sinne von !important.

          p.rotc3 { color:red; background-color:yellow; }
          p.rotc4 { color:red !important; background-color:yellow; }

          <p class="rotc3">Dieser Text ist in Mozilla 1.2.1 rot</p>
          <p class="rotc3" style="color:blue;">Dieser Text ist in Mozilla 1.2.1 blau</p>
          <p class="rotc4" style="color:blue;">Dieser Text ist in Mozilla 1.2.1 rot</p>

          ---

          Zum Thema "Specificity" (Spezifizitaet, Gewichtung):
          http://www.w3.org/TR/1998/REC-CSS2-19980512/cascade.html#specificity
          http://www.w3.org/TR/CSS2/cascade.html#specificity
          Errata zu CSS 2.0:
          http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#s-6-4-3
          CSS 2.1:
          http://www.w3.org/TR/CSS21/cascade.html#specificity

          (Bitte an die CSS-Experten im Forum: Falls es noch aktuellere Infos zu
          Specificity in CSS 2 gibt, bitte melden...)

          Zukunftsmusik:
          CSS 3.0 - Selectors
          http://www.w3.org/TR/css3-selectors/#specificity
          verweist fuer's style-Attribut aber an das Modul "Cascade and Inheritance"
          http://www.w3.org/TR/css3-cascade/
          Dort fand ich aber nichts zum Style-Attribut; fuer Specificity verweist
          es zurueck an http://www.w3.org/TR/css3-selectors/

          ---

          Der langen Rede kurzer Sinn: Ersetze style-Attribute durch Klassen oder IDs.

          Selbst das ist oft gar nicht notwendig, weil man meist einen Verschachtelungs-Selektor
          nehmen kann.
          http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente

          Gruesse,

          Thomas

          1. Ok, dann mache ich also alle meine style Attribute in class, das müsste dann gehen, Danke!

            Stephan