Phänomen bei Zuweisung einer Klasse

[Rolf B]

Hallo Uwe,

Ein h5 li ist schon SEHR merkwürdig - das würde ja bedeuten, dass deine Tabs in einer Überschrift der Stufe 5 eingebettet sind. Tu das nicht - jeder Hack ist einer zu viel und in 5 Monaten fragst Du Dich, was Du da eigentlich getrieben hast.

Also: Halt! Stop! Bitte eine Runde Planung einwerfen!

Die Frage, die Gunnar schon mal stellte, wird jetzt essenziell: Wird das eine Navigation? Wenn ja, sollte sie außerhalb des eigentlichen Seiten-DIV stehen, und das CSS für sie sollte auch nicht von den Styles abhängen, die für einzelne Seiten gelten. Für so etwas ist es sinnvoll, die semantischen HTML-Elemente <header>, <nav>, <main> und <footer> zu nutzen (einen netten Kopf bekommt deine Seite bestimmt noch, gelle? Wenn nicht, auch wurscht, header ist keine Pflicht).

Im <main> Bereich entsteht dein Content. Den solltest Du - wenn irgendwie möglich - so stylen, dass die diversen Seiten ein gemeinsames Layout haben. Natürlich kannst Du der "Gründung" Seite mit <main id="founding"> einrahmen und die Ablauf-Seite mit <main id="progress"> - oder so. Je mehr Regeln Du aber hast, deren Selektor mit #founding oder #progress beginnen, desto mehr musst Du Dich fragen, ob Du auf dem richtigen Weg bist. Natürlich wirst Du Stile haben, die nur für einzelne Seiten gelten. Aber das Grundgerüst sollte für alle Seiten identisch sein. Und die Navigation auf alle Fälle. Deshalb: kein #page2 li auf Seite 2 für die Menüs der Seite 2, sondern eine Hauptnavigation und mit nav li ansprechen.

Wenn Du mehrere nav-Bereiche hast, kannst Du denen auch IDs oder Klassen geben. Oder du kannst eine Navigation in den Header stecken und die andere ins main Element - dann sind die mit header nav li und main nav li ansprechbar. Und unter nav li fasst Du zusammen, was für die Navigationselemente aller Navigationen gemeinsam ist, bestimmt ist das einiges.

Rolf