hannah1
Threadersteller
Dabei seit: 07.03.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 07.03.2007 10:29
Titel HTML/CSS Navigationsleiste |
|
|
Hallo,
ich habe Probleme eine horizontale Navigationsleiste korrekt darzustellen.
Die Navigationsleiste wird vom unteren Rootline-Menü mit einer weissen Linie abgetrennt. Der aktive Link
bekommt dann mit border-left, border-right und border-top einen weissen Rahmen, so dass es wie ein Karteireiter aussehen soll. Damit die weisse Linie zwischen Rootline und Navi überdeckt wird, habe ich ein Hintergrundbild in der entsprechenden Farbe positioniert. Dazu habe ich eine ungeordnete Liste entsprechend formatiert.
das ganze steckt in einem Div, dem ich eine Größe von 1.3em zugewiesen habe. Damit überdeckt das Hintergrundbild auch die weisse Linie im aktiven Link. wenn ich gar keine Höhe eingetragen hätte, hätte Firefox das div nur 1px hoch gemacht und mir den Inhalt der Navigationsleiste nach unten vorschoben zum Rootline-Menü.
soweit so gut: aber wenn sich die Schriftgrößen ändern, entsteht ein Abstand zwischen dem Link und der weissen Linie.
Was kann ich dagegen tun?
hier zum anschaun:
http://devel.nlkp.net/fileadmin/templates/marco/new.html
muss mich aber gleich entschuldigen, wegen den grellen Farben, die kommen dann schon noch weg. erst muss mal alles technisch klappen, bevor der Inhalt reinkommt.
bin leider nirgendwo fündig geworden, wie man das am besten löst.
Zuletzt bearbeitet von hannah1 am Mi 07.03.2007 10:42, insgesamt 1-mal bearbeitet
|
|