Hüpfendes Menu, Fett - Schmal - Fett - Schmal |
Willkommen, Gast ( Anmelden | Registrierung )
Hüpfendes Menu, Fett - Schmal - Fett - Schmal |
20.07.2006 - 13:33
Beitrag
#1
|
|
____________________ Gruppe: Admin Beiträge: 1.220 Mitglied seit: 20.10.2001 Mitglieds-Nr.: 3 |
Hi,
bei der Bastelei an http://web209.can12.de/spa30/home.php bin ich nun an einem weiteren Problem angelangt. Das Menu oben "springt". Warum ist mir klar, die Links werden durch die gehoverte Fettschrift breiter. Mit folgendem Code kann ich das Ganze auch beruhigen, aber es ist nicht so, wie ich mir die Geschichte vorstelle. Schöner wäre, wenn der Abstand zwischen den Links fix wäre. Hat jemand dafür schon mal 'ne Lösung gebastelt? Alles was mir einfällt, klappt immer nur mit festen Höhen oder wahlweise Breitenangaben :-/ HTML /* Hier kommt der Code für das Menu oben */ #menu_oben ul { text-align: center; list-style-type: none; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 0px; } #menu_oben li { display: inline; width: 85px; text-align: center; margin: 0px 5px 0px 5px; } #menu_oben li a { padding: 1px 0px 1px 5px; color: #ffffff; text-decoration: none; border-left: 2px solid #ffffff; } #menu_oben li a:hover { font-weight: bold; color: #ffffff; font-size: 90% } #menu_oben li a#current { font-weight: bold; font-size: 90%; } Nachtrag: die 90% habe ich eingefügt, weil ansonsten der Contentbereich beim Hovern rauf und runter springt. Ansonsten finde ich die Fettschrift als Hovereffekt gut, aber es ist immer so blöd zu basteln. Gruß Andreas - langsam darf's ruhig mal regnen! |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 28.04.2024 - 17:47 |