html dropdown menu

dropdowns laves hyppigst med javascript. Det kan være det er det her du efterlyser:

http://javascript-array.com/scripts/simple_drop_down_menu/

Hmm ja den kunne godt bruges. Skulle bare lave en masse om men den er der :o)

<ul id="sddm">
    <li><a href="index.php?page=home"
        onmouseover="mopen('m1')"
        onmouseout="mclosetime()"><img src="images/menu/forside.jpg" name="forside" border="0" id="forside" onmouseover="MM_swapImage('forside','','images/menu/forside_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <div id="m1"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
        <a href="#">HTML Drop Down</a>
        <a href="#">DHTML Menu</a>
        <a href="#">JavaScript DropDown</a>
        <a href="#">Cascading Menu</a>
        <a href="#">CSS Horizontal Menu</a>
        </div>
    </li>
    <li><a href="#"
        onmouseover="mopen('m2')"
        onmouseout="mclosetime()"><img src="images/menu/klubben.jpg" border="0" name="klubben" onmouseover="MM_swapImage('klubben','','images/menu/klubben_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <div id="m2"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
        <a href="#">ASP Dropdown</a>
        <a href="#">Pulldown menu</a>
        <a href="#">AJAX Drop Submenu</a>
        <a href="#">DIV Cascading Menu</a>
        </div>
    </li>
    <li><a href="#"
        onmouseover="mopen('m3')"
        onmouseout="mclosetime()"><img src="images/menu/aktiviteter.jpg" border="0" name="aktiviteter" onmouseover="MM_swapImage('aktiviteter','','images/menu/aktiviteter_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <div id="m3"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
        <a href="#">ASP Dropdown</a>
        <a href="#">Pulldown menu</a>
        <a href="#">AJAX Drop Submenu</a>
        <a href="#">DIV Cascading Menu</a>
        </div>
    </li>
    <li><a href="#"
        onmouseover="mopen('m4')"
        onmouseout="mclosetime()"><img src="images/menu/avl.jpg" border="0" name="avl" onmouseover="MM_swapImage('avl','','images/menu/avl_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <div id="m4"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
        <a href="#">ASP Dropdown</a>
        <a href="#">Pulldown menu</a>
        <a href="#">AJAX Drop Submenu</a>
        <a href="#">DIV Cascading Menu</a>
        </div>
    </li>
    <li><a href="#"
        onmouseover="mopen('m5')"
        onmouseout="mclosetime()"><img src="images/menu/salgsliste.jpg" border="0" name="salgsliste" onmouseover="MM_swapImage('salgsliste','','images/menu/salgsliste_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <div id="m5"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
        <a href="#">ASP Dropdown</a>
        <a href="#">Pulldown menu</a>
        <a href="#">AJAX Drop Submenu</a>
        <a href="#">DIV Cascading Menu</a>
        </div>
    </li>
    <li><a href="#"
        onmouseover="mopen('m6')"
        onmouseout="mclosetime()"><img src="images/menu/blivmedlem.jpg" border="0" name="blivmedlem" onmouseover="MM_swapImage('blivmedlem','','images/menu/blivmedlem_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <div id="m6"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
        <a href="#">ASP Dropdown</a>
        <a href="#">Pulldown menu</a>
        <a href="#">AJAX Drop Submenu</a>
        <a href="#">DIV Cascading Menu</a>
        </div>
    </li>
    <li><a href="#"
        onmouseover="mopen('m7')"
        onmouseout="mclosetime()"><img src="images/menu/blanketter.jpg" border="0" name="blanketter" onmouseover="MM_swapImage('blanketter','','images/menu/blanketter_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <div id="m7"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
        <a href="#">ASP Dropdown</a>
        <a href="#">Pulldown menu</a>
        <a href="#">AJAX Drop Submenu</a>
        <a href="#">DIV Cascading Menu</a>
       
        </div>
    </li>
    <li><a href="#"><img src="images/menu/galleri.jpg" border="0" name="galleri" onmouseover="MM_swapImage('galleri','','images/menu/galleri_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
    <li><a href="#"><img src="images/menu/links.jpg" border="0" name="links" onmouseover="MM_swapImage('links','','images/menu/links_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
</ul>
<div style="clear:both"></div>



Og mit stylesheat kommer til at se sådan her ud. for at den viser billederne fint

#sddm
{    margin: 0;
    padding: 0;
    }


#sddm li
{    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px arial}

#sddm li a
{    display: block;
    text-align: center;
    text-decoration: none}

#sddm li a:hover
{    background: #49A3FF}

#sddm div
{    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2}

    #sddm div a
    {    position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #EAEBD8;
        color: #2875DE;
        font: 11px arial}

    #sddm div a:hover
    {    background: #49A3FF;
        color: #FFF}

takker for linket