nicht alle inhalte drucken

  • hallo!
    ich möchte, dass beim ausdrucken meiner Site die Navigationszeile nicht mit gedruckt wird...
    wie mach ich das?

    hab die Navi so programmiert, dass sie immer am unteren Bildschirmrand sichtbar ist und sich beim scrollen auch mit bewegt...
    aber leider wird sie beim drucken über den text der Site gelegt... :(

    greez,
    Mac.

    Dulden hat noch lange nichts mit Toleranz zu tun!

    Toleranz heißt akzeptieren und unterstützen, weniger ist Dulden!

  • Hallo Macintosch,

    entweder bietest Du eine Druckversion an oder aber Du gestaltest das ganze mittels CSS. Beim einbinden der CSS-Dateien kannst Du festlegen, ob diese auf dem Bildschrim oder Ausdruck verwendet werden sollen. Du erstellst also praktisch zwei verschiedene CSS-Dateien. Die Navigationselemente setzt Du in einen DIV-Layer, der in der Screenversion keine Angaben enthält, aber in der Print-CSS-Datei die Angabe

    Code
    display:none;

    Weitere Informationen findest Du beispielsweise hier:
    ::] http://www.thedesignexperience.org/openacs/css-print

  • erst mal danke für die antwort!!! *freu*
    endlich wird mir mal wieder geholfen... ;)

    So im prinzip verstehe ich, was du versuchst mir näher zu bringen, aber einiges versteh ich noch net ganz...
    1. wieso zwei css dateien??? kann ich nicht einfach zwei verschiedene klassen definieren? einmal mit display:none; und einmal ohne?
    2.könntest du mal ein beispiel schreiben?

    hab die navi bisher in einer Tabelle:
    <table id=navi style="...">
    <tr>
    <td>vor</td>
    <td>zurück</td>
    </tr>
    </table>

    Dulden hat noch lange nichts mit Toleranz zu tun!

    Toleranz heißt akzeptieren und unterstützen, weniger ist Dulden!

  • Ja, es läßt sich auch in nur einer Datei lösen. Ich wollte mich jedoch auf ein Beispiel beschränken. Die StyleSheet-Datei würde dann folgenden Auszug enthalten:

    Code
    @media print {
        DIV.dontprint { display:none; }
      }


    Und in der HTML-Datei würde die Navigation in etwa so aussehen:

    Code
    <div class="dontprint">
    <table id=navi style="..."> 
    <tr> 
    <td>[url='bla.asp']vor[/url]</td> 
    <td>[url='blabla.asp']zurück[/url]</td> 
    </tr> 
    </table>
    </div>


    Ist nicht getestet, sollte jedoch in allen gängigen Browsern funktionieren.