CSS Slide-Menu verändern

K3HLIM · 10.04.2009

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?

PHP:

<!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 &amp; 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 &amp; Framing</a></li>
                    <li><a href="Slide_Menu#nogo">Photo Editing</a></li>
                    <li><a href="Slide_Menu#nogo">Storage &amp; 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>

K3HLIM · 21.04.2009

Kann mir denn keiner sagen, was ich ändern muss, damit das Hauptmenü (Home, Sales, Services, Contacts, etc.) aufgeklappt bleibt?

Bin schon die ganze Zeit am probieren, aber ich bekomme es einfach nicht hin.

CSS Slide-Menu verändern

K3HLIM

K3HLIM

CSS Slide-Menu verändern

ANGEBOTE & SPONSOREN

Neueste Beiträge

Statistik des Forums