@@Snoggi:
nuqneH
Jetzt habe ich in der Navbar jedem Link eine id gegeben
?? Davon ist in deinem Beispiel nichts zu sehen. Welches hier im Forum verlinkt sein sollte.
um per CSS anzeigen zu lassen, auf welcher Seite man gerade ist.
Die aktuelle Seite sollte im Menü nicht verlinkt sein. (Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen])
habe ich komischerweise ein doppeltes Padding.
Wenn du für li, a und span jeweils Padding angibts, sollte das nicht überraschen.
Wozu soll das span überhaupt gut sein?
Gibt es da eine Lösung?
Ja.
1. Weg mit dem span.
2. Beim Menüpunkt der aktuellen Seite ist kein a-Element im li-Element. Diesen Menüpunkt formatierst du per '#navbar li
'. Du gibst sowohl Innen- (padding) als auch Außenabstand (margin) an.
Die anderen Menüpunkte formatierst du per '#navbar li a
' bzw. '#navbar li a:hover
'.
3. Wozu hat das ul-Element @class="nav", wenn es doch per '#navbar ul
' formatierbar ist? Wozu dient überhaupt der div-Container? (In HTML5 wäre dafür das nav-Element angebracht.)
Das ARIA-Attribut @role="navigation" fürs div- bzw. ul-Element wäre für Blinde hilfreich.
S.a. https://forum.selfhtml.org/?t=202467&m=1367635 ff.
Qapla'
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)