Navigation mit Pfeil

[MrMurphy1]

Hallo

Zum leeren Content

Hier habe ich ein Beispiel. "Content" bleibt leer. Wozu?

Als Platzhalter für die Hintergrundfarbe, die beim Hovern von oben eingefügt wird. Dafür muss das Element nur erzeugt werden, benötigt aber keinen Inhalt.

Weites stelle ich fest, daß sowohl der Inhalt von Content, sofern ich etwas einfüge, oberhalb des Textes steht. Auch ein Rahmen wird nur oben angefügt. Eigentlich müßte alles links von "li a" erscheinen?

Durch das position:absolute mit den Angaben top:0 und left:0 erscheint alles oben links innerhalb des nächsten umgebenden Elements mit position:relative. Genauer: Innerhalb des nächsten umgebenden Elements mit einer position ungleich static.

Li wird in diesem Beispiel als "inline-block" dargestellt. Das heißt, die Listenelemente werden waagrecht dargestellt

Ja

aber bekommen die Eigenschaft eines Blockes?

Nur teilweise.

Der Inhalt (a href..) bleibt ein Inline-Element bis "display: block"?

Ja

Wobei mit HTML5 wohl die Begriffe inline- und block-Elemente abgeschafft wurde. Da bin ich mir aber nicht ganz sicher.

Gruss

MrMurphy