horizontales menü trennlinien

horizontales menü trennlinien

Beitragvon alderer » 23.01.2010, 12:42

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
alderer
neu hier
 
Beiträge: 2
Registriert: 23.01.2010, 12:31

Re: horizontales menü trennlinien

Beitragvon sejuma » 23.01.2010, 13:35

Würde ich auch so lösen.
Denn der Rahmen ist ja vom nicht-gehoverten Link davor und der bleibt ja generell stehen.
Also musst du dafür sorgen, dass hover eben um diesen Pixel nach links rückt.
Bild
sejuma
Vielposter
 
Beiträge: 521
Registriert: 15.07.2009, 17:46

schade

Beitragvon alderer » 25.01.2010, 15:29

Ich hatte gehofft, dass es vielleicht eine schönere Lösung gäbe. Etwas mit border-collapse, oder eine ganz andere Möglichkeit.
alderer
neu hier
 
Beiträge: 2
Registriert: 23.01.2010, 12:31


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "horizontales menü trennlinien"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste