Probleme bei :hover

[Ashura]

Hallo Drathy.

• Beim ":hover"-Effekt der Links, der diese fett zeichnet, verschieben sich immer alle Links ein wenig (da ja mehr Platz für das fette Wort benötigt wird). Das soll natürlich nicht sein...

Die Links verhalten sich exakt so, wie du es definiert hast:
Im Normalzustand ist die Schriftbreite aller Zeichen normal, im :hover-Zustand werden alle verbreitert. Dass hierbei alle Zeichen verschoben werden, ist nur logisch, weshalb font-weight:bold ein denkbar ungeeigneter Effekt für :hover-Zustände ist.

• Der Abstand zwischen den einzelnen Elementen beträgt immer nur ein Leerzeichen, obwohl ich 3 angegeben habe - wie kann ich also den Abstand vergrößern.

Ich vermute, dass du die Leerzeichen auf Codeebene angegeben hast.
Es ist definiert, dass mehrere Whitespaces (Leerzeichen, Tabs, Zeilenumbrüche) zu einem Leerzeichen zusammengefasst werden.
Du möchtest höhere Außenabstände? Dann nutze die dafür vorhandenen CSS-Eigenschaft.

• Kann ich irgendwie definieren, dass der Link, dessen Seite gerade angezeigt wird, anders dargestellt wird, als die anderen Links?

Sofern die Navigation in jedem Dokument separat eingebunden wurde, musst du dort nur den Link zur aktuellen Seite entfernen (und möglichst durch den Text ersetzen).
Bindest du deine Navigation dynamisch per serverseitige Technik ein, musst du hier ansetzen. Du fragst die aktuelle Seite ab und setzt davon abhängig entweder einen Link oder nur den Text.

Mit ":active" wird er ja leider nur während des Klicks verändert dargestellt...

Richtig.

Einen schönen Mittwoch noch.

Gruß, Ash*feel free*ura