Hi an alle

Ich hab momentan das Problem, dass bei einem horizontalen Menu die Links in Google Chrome schlecht erkannt werden. Die Links werden in jedem gängigen Browser erkannt nur in Chrome muss man mit dem Mauszeiger fast oberhalb der Buchstaben "landen", damit die Maus die Links wahrnimmt.
Hier die Seite: Cyril Herden Photography

Ich hab irgendwie gehört, dass es dafür einen Hack geben sollte. Wäre froh, wenn mir da jemand weiterhelfen könnte.

Vielen Dank!

Hi,

deine Gestaltung per CSS ist leider ausgesprochen suboptimal.

Eine Schriftgröße von 9pt ist erstens zu klein und zweitens ist pt eine absolute Maßeinheit für den Druck und fürs Web deshalb ungeeignet.
Nimm Prozent oder em für die Schriftgröße.

Das hier:
ist nicht dein Ernst, oder.
Du erklärst alle Kinder und Kindeskinder von #menu zu Inline-Elementen.

Du bringst die navi besser mit Float auf die Reihe und gibst a außerdem ein display:block; dann hast du es nur mit Blockelementen zu tun und mehr Kontrolle über die Darstellung.
Damit sich die Reihenfolge der Links nicht umkehrt braucht ul float:right; und li float:left;, am besten in Verbindung mit einer Breite (Clearen hinterher nicht vergessen!).
a kann noch etwas padding bekommen um die klickbare Fläche zu erhöhen.
Infos zu navis findest du in der CSS-FAQ ab Punkt 10.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Ich kann das Problem im Chrome nicht nachvollziehen (Win XP -- Chrome aktuell). Das Linkverhalten ist ganz normal.

Klaus, was ist so schlimm daran, alle Elemente der Navigation inline darzustellen?
Wenn man hier mit float anfängt ist der erzwungene Blocksatz nicht mehr möglich.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Ich habe wohl noch eine ältere Version (11.0.696.68. win 7).
Da ist der anklickbare Bereich wirklich sehr klein. Height: 1px; für #menu span hilft.

__________________
MfG
Jens

naja, so schlimm ist es nicht.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus