Weitere Infos

Sie lesen:
LB1 (2009)

Little Boxes Teil 1 (Cover)

Diese Website ist von 2009 und wird nicht mehr gepflegt. Die Informationen sind zum großen Teil also wirklich veraltet.

Aktuelle Infos finden Sie hier:

Inhaltsbereich

Navigation und Skip-Link ausblenden

In einer Druckversion sind Skip-Link und Navigation ziemlich nutzlos und können deshalb einfach ausgeblendet werden.

ToDo: Navigation und Skip-Link ausblenden
  1. Geben Sie am Ende des Stylesheets die folgenden CSS-Regeln ein:

    .skiplink,
    #navibereich {
      display: none;
    }

  2. Speichern Sie das Stylesheet und betrachten Sie die Webseiten in der Druckvorschau eines Browsers.

Im Druckstylesheet können Sie problemlos display: none verwenden und müssen nicht wie beim Ausblenden des Skip-Links am Bildschirm mit einem aufwendigen Style die Bereiche außerhalb des
sichtbaren Bereichs positionieren.

Zum Testen rufen Sie wieder die Druckvorschau des Browsers auf:

Abbildung 10.5: Die Druckversion ohne Navigation und Skip-Link
Abbildung 10.5: Die Druckversion ohne Navigation und Skip-Link