Karteireiterleiste mit css

Einigen Internetseiten haben eine Karteireiterleiste mit CSS realsiert. ZB Wikipedia. Wie kann man sowas mit CSS machen ich blick bei denen ihren Seiten nicht durch.

Sie Grafik

Die haun’ mehrere Container nebeneinander mit float:right/left und schreiben einen Code für den aktiv-Status, sodass es ein anderes Hintergrundbild bekommt.
So einfach :wink:

Etwa so:
[html]

Registerkarten .registerkarte { background: url(registerkaten/bild.jpg) no-repeat; width: ??px; height: ??px; border: 0px; float:left; display: block; } .registerkarte:active { background: url(registerkaten/aktiv.jpg) no-repeat; width: ??px; height: ??px; border: 0px; float:left; } .abstand_zwischen_registerkarten { float:left; width: ??px; }
Registerkarte 1
Registerkarte 2
[/html] Natürlich kann man diesen Code erweitern. Hovereffekte, usw...

MfG, matibaski

Mit der Methode habe ich ein Problem.

  1. Folgendes Layout habe ich erstellt:
    [html]
    erste
zweite

Warum überschneiden sich diese div-Bereiche?
[/html]Die Frage ist im Div bereich enthalten. 2) Weiterhin verstehe ich den css Befehl display:block; nicht. WAs bewirkt der in dem Layout oben ?
  1. Warum habe ich zwischen Tabellen immer einen Abstand:
    [html]
Feld 1 Feld 2 Feld 3
Okay hier soll der Text hin.
[/html]

Wo meinst du?

  1. Weiterhin verstehe ich den css Befehl display:block; nicht. WAs bewirkt der in dem Layout oben ?

[css]display[/css]
Display legt fest, wie ein Element angezeigt werden soll. Mit block ist es ein Block-Element

  1. Warum habe ich zwischen Tabellen immer einen Abstand:

Die Lösung heisst border-collapse:collapse ([css]border-collapse[/css])
Das musst du nur unter

definieren.

[HTML]

erste

zweite

dritter
[/HTML]

Warum überschneiden sich der erste div und der dritte div bereich ?

Weil der dritte nicht gefloatet bzw. gecleared ist.