Hallo,
da ich jetzt mal wieder etwas Zeit dazu hatte, habe ich mich mal wieder um das Menü gekümmert.
Habe jetzt folgenden Code. Weiß jemand, was ich ändern muss, damit die erste Stufe des Menüs offen bleibt, also das es so bleibt, als wenn man die Maus auf dem Menü-Punkt stehen lässt, die weiteren Untermenüs aber trotzdem noch auf- und zuklappen?
da ich jetzt mal wieder etwas Zeit dazu hatte, habe ich mich mal wieder um das Menü gekümmert.
Habe jetzt folgenden Code. Weiß jemand, was ich ändern muss, damit die erste Stufe des Menüs offen bleibt, also das es so bleibt, als wenn man die Maus auf dem Menü-Punkt stehen lässt, die weiteren Untermenüs aber trotzdem noch auf- und zuklappen?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<link rel="stylesheet" media="all" type="text/css" href="../Slide_Menu/CSS/Menu.css" />
<style type="text/css">
#info {height:400px; position:relative;}
#menuOuter {padding:0 0 10px 0; margin:0; list-style:none; width:201px; background: #000 url(../Slide_Menu/rad2.png) no-repeat left bottom;
position:absolute; z-index:500; left:10px; font-family:arial, sans-serif;}
#menuOuter li#menu1 {float:left; width:201px;}
#menuOuter table {border-collapse:collapse; padding:0; margin:0; width:0; height:0; margin:-1px -4px -1px -4px;}
#menuOuter li#menu1 a#menuLink {display:block; padding:10px 0 0 0; margin:0; background:url(../Slide_Menu/rad3.png) no-repeat left top; height:18px;
width:201px; text-align:center; font-size:12px; font-family:arial, sans-serif; color:#fff; font-weight:bold; text-decoration:none;}
#menuOuter ul {position:absolute; left:0; top:0; padding:0; margin:0; list-style:none; height:0; overflow:hidden;}
#menuOuter li#menu1 a#menuLink:hover {border:0; color:#fc6;}
#menuOuter li#menu1:hover > a#menuLink {color:#fc6;}
#menuOuter :hover ul {position:relative; top:0; height:auto; overflow:visible; padding:0 10px; margin:0; list-style:none; width:181px;}
#menuOuter :hover ul ul {position:absolute; top:37px; height:0; overflow:hidden;}
#menuOuter :hover ul li a {display:block; padding:0; margin:0; width:181px; height:37px; background:url(../Slide_Menu/back3.png) no-repeat left top;
color:#ddd; text-align:center; line-height:37px; cursor:pointer; font-weight:bold; text-decoration:none;}
#menuOuter :hover ul :hover {background-position:left -37px;}
#menuOuter :hover ul li:hover > a {background-position:left -37px;}
#menuOuter :hover ul li {float:left;}
#menuOuter :hover ul :hover ul {position:relative; height:156px; overflow:visible; width:181px; padding:0; margin:0; background:#eee
url(../Slide_Menu/shade.png) no-repeat top left; text-align:center; width:181px; top:0; cursor:default;}
#menuOuter :hover ul :hover ul li a {background:transparent; height:25px; line-height:25px; color:#666; border-bottom:1px solid #aaa; font-weight:normal;
font-size:11px;}
#menuOuter :hover ul :hover ul li a:hover {color:#000;}
div#background {width:700px; height:465px; background:url(black.jpg);}
</style>
</head>
<ul id="menuOuter">
<li id="menu1"><a id="menuLink" href="Slide_Menu#url">MENU</a>
<table><tr><td>
<ul>
<li><a href="Slide_Menu#link">HOME</a></li>
<li><a href="Slide_Menu#link">PRIVACY POLICY</a></li>
<li><a href="Slide_Menu#url">SALES</a>
<table><tr><td>
<ul>
<li><a href="Slide_Menu#nogo">Digital SLR Cameras</a></li>
<li><a href="Slide_Menu#nogo">Interchangeable Lenses</a></li>
<li><a href="Slide_Menu#nogo">Flash Guns and Accessories</a></li>
<li><a href="Slide_Menu#nogo">Professional Tripods</a></li>
<li><a href="Slide_Menu#nogo">Filters & Lens Hoods</a></li>
</ul>
</td></tr></table></a>
</li>
<li><a href="Slide_Menu#url">SERVICES</a>
<table><tr><td>
<ul>
<li><a href="Slide_Menu#nogo">Printing & Framing</a></li>
<li><a href="Slide_Menu#nogo">Photo Editing</a></li>
<li><a href="Slide_Menu#nogo">Storage & Backup</a></li>
</ul>
</td></tr></table></a>
</li>
<li><a href="Slide_Menu#url">CONTACTS</a>
<table><tr><td>
<ul>
<li><a href="Slide_Menu#nogo">Support</a></li>
<li><a href="Slide_Menu#nogo">Sales</a></li>
<li><a href="Slide_Menu#nogo">Buying</a></li>
<li><a href="Slide_Menu#nogo">Photographers</a></li>
<li><a href="Slide_Menu#nogo">Stockist</a></li>
<li><a href="Slide_Menu#nogo">General</a></li>
</ul>
</td></tr></table></a>
</li>
<li><a href="Slide_Menu#url">STORES LOCATION</a>
<table><tr><td>
<ul>
<li><a href="Slide_Menu#nogo">South West Region</a></li>
<li><a href="Slide_Menu#nogo">North East Region</a></li>
<li><a href="Slide_Menu#nogo">Central Region</a></li>
</ul>
</td></tr></table></a>
</li>
<li><a href="Slide_Menu#url">CONTACT US</a>
<table><tr><td>
<ul>
<li><a href="Slide_Menu#nogo">Email Addresses</a></li>
<li><a href="Slide_Menu#nogo">By Post</a></li>
<li><a href="Slide_Menu#nogo">Telephone Numbers</a></li>
<li><a href="Slide_Menu#nogo">Facsimile</a></li>
</ul>
</td></tr></table></a>
</li>
</ul>
</td></tr></table></a>
</li>
</ul>
</body>
</html>