[alderer]

Hallo,
Meine erste Frage hier betrifft ein 3-pixel Problem in einem Menü.
Die einzelnen Punkte sind durch Linien getrennt (border auf einer Seite), die nicht durchgehend sind. Der hover-effekt sollte aber über diese Linien hinaus die Hintergrundfarbe ändern. Mein Problem ist nun, dass ich nicht die Linie der nebenstehenden Punkte verschwinden lassen kann. Die einzige Lösung, die mir bisher einfiel, war ein position:relative, left:-1px für den Hover-Effekt, sodass die Linie des nebenstehenden Punktes überlagert wird, das ist aber eher eine Notlösung.
Das Beispiel gibt es hier: http://www.aldo.at/test
Das Menü oben ist meine Lösung, das Menü unten beschreibt das Problem.
schöne Grüße

[heiko_rs]

Derartige Überlappungen würde ich immer per negativem margin machen (sowohl horizontal als auch vertikal).

Und übrigens solltest Du height rauswerfen (Textzoom!).

[alderer]

Ja, geht auch mit einer negativen margin, also margin-left:-1px, und dafür margin-right:1px. Und mit etwas padding wird auch der Text nicht mehr um 1px verschoben.
Die height im hover brauche ich aber doch, damit sich der Hintergrund über die gesamte Höhe des Menübalkens ändert?

[DesignKater]

[heiko_rs]

[alderer]

Super! Danke! Auf die Art macht das Menü auch (fast) jede schriftgrösse mit.

http://www.aldo.at/test

thx