Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Aktuell (2015)
Einstieg in CSS

Einstieg in CSS (Cover)


2. Auflage!

Einstieg in CSS (Cover)

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