Transition, Tabs nicht korrekt positioniert

[Pree Franz]

Servus!

Sehr geehrte Damen und Herren!

Ich habe mir erlaubt den Code "Beispiels 8: Dynamische Navigationsleisten einblenden" zu kopieren und in einen Editor einzusetzen.

der Link: Dropown-Menü mit CSS

Es funktioniert tadellos.

Auch bei mir. Auch die Seite die ich händisch zum Üben eingegeben habe funktioniert; nur die Tabs sind nicht im grauen Feld.

Danke!

Wo wird die Position der Tabs bestimmt? Ein Vergleich (meine Eingabe/Original) zeigt mir eher, daß nicht die Tabs falsch positioniert sind, sondern der graue Balken schmäler erscheint.

Dann ist es die Höhe von nav, die du verändern musst.

Obwohl die Werte mit dem Original übereinstimmen?

Im CSS-Code gibt es "nav:after". Welche Funktion hat dies? Ich finde after als Selektor nirgends und eine Änderung ist weder bei der Eingabe zu bemerken noch wenn ich dies beim fertigen Code heraus lösche.

Das ist ein Clearfix. Ich glaub', den braucht's hier aber nicht.

Weiters ist mir die Bedeutung "<main role="main">" nicht ganz klar?

Main zeigt, dass es hier um den Hauptinhalt der Seite geht.

Hat somit in diesem Fall nur optischen Effekt für den Programmierer, also keine Funktion?

LG Franz

Mit freundlichen Grüßen Pree Franz LG

Matthias Scharwies