Autor |
Nachricht |
alderer
Threadersteller
Dabei seit: 23.01.2010
Ort: Wien
Alter: -
Geschlecht:
|
Verfasst Mo 25.01.2010 17:26
Titel css - horizontales menü, trennstriche |
|
|
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
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 25.01.2010 17:43
Titel
|
|
|
Derartige Überlappungen würde ich immer per negativem margin machen (sowohl horizontal als auch vertikal).
Und übrigens solltest Du height rauswerfen (Textzoom!).
|
|
|
|
|
Anzeige
|
|
|
alderer
Threadersteller
Dabei seit: 23.01.2010
Ort: Wien
Alter: -
Geschlecht:
|
Verfasst Mo 25.01.2010 18:27
Titel
|
|
|
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
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 25.01.2010 18:39
Titel
|
|
|
alderer hat geschrieben: |
Die height im hover brauche ich aber doch, damit sich der Hintergrund über die gesamte Höhe des Menübalkens ändert? |
Nö brauchst nicht, dafür kannst display:block nehmen und zauberst mit paddings die Höhe deiner Listenelemente.
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 25.01.2010 21:07
Titel
|
|
|
alderer hat geschrieben: | Die height im hover brauche ich aber doch, damit sich der Hintergrund über die gesamte Höhe des Menübalkens ändert? |
Wie gesagt, auch dafür neg. margins (vertikal). li bekommt vert. padding und a wird beim Hovern per neg. margin in diesen Bereich hineingezogen.
|
|
|
|
|
alderer
Threadersteller
Dabei seit: 23.01.2010
Ort: Wien
Alter: -
Geschlecht:
|
Verfasst Di 26.01.2010 00:27
Titel
|
|
|
Super! Danke! Auf die Art macht das Menü auch (fast) jede schriftgrösse mit.
http://www.aldo.at/test
thx
|
|
|
|
|
|
|
|
Ähnliche Themen |
css horizontales Menü ausrichten
automatische Trennstriche
Horizontales Aufklappmenü
Horizontales Aufklappmenü
horizontales Scrolling
Androidbrowser: Horizontales Scrollen
|
|