|
|||
Menü hover aktivieren
Hallo Zusammen,
ich habe nicht geschafft deshalb brauche ich eure Hilfe. Ich habe 2 Level Menü. Wenn ich auch mit Maus per hover auf submenü gehe soll der Link auf ebene 1 auch mit aktiviert sein, das heißt die beiden Link sollen gleiche Farbe und Hintergrundfarbe bekommen. Ich bin für eure Hilfe sehr Dankbar. <div class="level2"> <ul id="nav"> <li style="padding-left:222px; width: 227px;"><a href="#" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();">Menü</a> <div class="submenu" style=" width: 226px;" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();"> <a href="#">Sub Menü 1</a> <a href="#">Sub Menü 2</a> </li> </ul> </div> /* Menü Level 2*/ .menu-top .level2 { background-image: url("images/nav-bg.jpg"); height: 20px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; clear:both; } .menu-top .level2 ul { clear: both; font-family: inherit; font-size: 13px; margin:0; padding: 0; text-transform: uppercase; } .menu-top .level2 ul li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .menu-top .level2 ul .li1 { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; padding-left: 205px; width: 230px; } .menu-top .level2 ul .li2 { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; padding-left: 30px; width: 200px; } .menu-top .level2 ul .li3 { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; padding-left: 40px; width: 150px; } .menu-top .level2 ul li a { color: #000; font-size: 12px; font-weight: bold; } .menu-top .level2 ul li a:hover { color: #987028; background: #fff; } #nav li { list-style: none; float: left; height:20px;} #nav li a.menu { display: block; text-align: center; height:16px; color: #FFF; text-decoration: none; padding-top:4px;} #nav li a.menu:hover , .menu-top .level2 ul li a:hover { background: #fff; color:#997027} .submenu { border:1px solid #fff; background-color:#d7c09b ; border-bottom: 0px solid #fff; visibility: hidden; position: absolute; z-index: 5; } .submenu a { display: block; font: 16px arial; text-align: left; text-decoration: none; color: #000; background-color: #e7d7bf; padding: 2px 10px; text-align: left; text-transform: none; border-bottom:1px solid #fff;} .submenu a:hover { background: #fff; color:#987028 } |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fertiges Drop-Down Menü ins Layout einfügen | VoB | CSS | 6 | 15.03.2011 17:14 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
Problem mit CSS Menü | SMundt | CSS | 9 | 07.01.2009 20:12 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 18:25 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 15:40 |