|
|||
CSS Menü Hover Unterkategorie
Hallo zusammen ich habe ein Problem wobei ich scheitere :/ so einfach es auch ist.
Diesen code habe ich: HTML-Code:
<div id="menu-wrapper"> <div id="menu" class="container"> <ul> <li class="current_page_item"><a href="home.html">Home</a></li> <li><a href="anlass.html">Anlässe</a></li> <li><a href="hoerprobe.html">Hörprobe</a></li> <li><a href="guestbook">Gästebuch</a></li> <li><a href="kontakt.html">Kontakt</a></li> </ul> </div> </div> Im CSS habe ich folgenden Menü Code: Code:
/* Menu */ #menu-wrapper { overflow: hidden; height: 52px; margin-bottom: 2em; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #menu { overflow: hidden; height: 52px; } #menu ul { margin: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: normal; text-align: center; } #menu li { display: inline-block; } #li.level2_sub{ display:none } #menu a { display: block; padding: 0px 30px; line-height: 52px; border: none; text-decoration: none; text-transform: lowercase; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 300; color: #ffffff; } #menu a:hover, #menu .current_page_item a { background: #0095ec; text-decoration: none; color: #ffffff; } #menu .current_page_item a { } |
Sponsored Links |
|
|||
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
danke, aber auf dieser seite wird mir nur erklärt was <li> <ul> usw. ist. das weiss ich ja schon, ich scheitere an dem code mit dem hover..
und anlässe schreibe ich so weil sonst im browser ein Rechteck bei dem Umlaut dargestellt wird. Kann mir beim code niemand helfen? |
|
|||
Du brauchst keine zwei Wrapper für dein Menü, das ist nur unnötiger Quellcode.
Speichere deine Dateien auch als UTF-8 ab, dann kannst du ohne Probleme alle Sonderzeichen und Umlaute verwenden, ä etc. verwendet heutzutage eigentlich niemand mehr. Nun zu deinem eigentlichen Problem: Mit verschachtelten Listen kannst du dein Vorhaben umsetzen. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Hover Submenü - Problem in Darstellung des Elternelements | DaDom | CSS | 3 | 07.03.2011 10:44 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Hilfe bei CSS Navigation | trimalchio | CSS | 7 | 10.01.2011 14:13 |
CSS Tips & Tricks | Webnauts | Ressourcen | 0 | 26.08.2006 00:04 |
problem mit dem css menü | nevermind | CSS | 72 | 11.10.2005 17:31 |