Inhaltsbereich

Aktuelles zu »Little Boxes«

Sie sehen einen Beitrag in der Einzelansicht (mit Kommentaren).

Zeige alle Beiträge

Little Boxes 2, Kap. 6: Korrekturen für die Schiebetüren

In Little Boxes 2 wird in Kapitel 6 eine Sliding-Doors-Navigation vorgestellt mit runden Ecken vorgestellt. Bei dem im Buch beschriebenen Beispiel fällt dabei auf, dass nur die linke Grafik angezeigt wird.

Es sieht genau so aus, wie die Abbildung für den IE6 im Buch auf Seite 133 oben. Folgender Code lässt für die Pseudoklassen a:focus und a:active die Grafiken weg und funktioniert besser:

#navibereich a:focus,
#navibereich a:active  {
  text-decoration: underline;
  color: #d90000; 
}

Auf denen aktualisierten Beispielseiten können Sie sich den kompletten Code anschauen:

Die Navigation per TAB-Taste ist in Browsern insgesamt wenig standardisiert:

  • Firefox gestaltet per TAB-Taste focussierte Elemente mit :focus
  • IE7 nimmt stattdessen :active

Opera benutzt zur Tastennavigation übrigens nicht die TAB-Taste sondern die Kombination STRG + Pfeil oben/unten

.

09.01.2009 von Peter Müller

Zurück

Kommentare

Um einen Kommentar zu schreiben, füllen Sie bitte alle Felder aus: