menù a tendina

26-07-2006, 11.21.34

ciao raga, vorrei trasformare il menù a tendina del mio sito posto a sinistra dove vi è scritto "navigatore" a quasto indirizzo da verticale a orizzontale in modo da poterlo mettere anche nel riquadro verde dove c'è scritto: "messaggi admin:"
questo è il codice da trasformare:

Codice:

<td class="trow1" align="left">
<style type="text/css">
div
{
    font: Normal 11px Verdana;
}
#MENU_CONTAINER
{
    width: 190px;
}
a.MENU
{
    display: Block;
    position: Relative;
    background: #000000;
    color: #00FF00;
    font-weight: Bold;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.MENU:hover
{
    display: Block;
    position: Relative;
    background: #CCCCCC;
    color: #000000;
    font-weight: Bold;
    text-decoration: None;
}
a.SMENU
{
    display: Block;
    position: Relative;
    background: #000000;
    color: #00FF00;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.SMENU:hover
{
    display: Block;
    position: Relative;
    background: #EEEEEE;
    color: #000000;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
div.SMENU
{
    visibility: Hidden;
    position: Absolute;
    margin: -21px 0px 0px 190px;
    background: #EEEEEE;
    width: 190px;
}
</style>
<script language="javascript">
function ApriMenu(i)
{
    document.getElementById("SM" + i).style.visibility = "Visible";
}
function ChiudiMenu(i)
{
    document.getElementById("SM" + i).style.visibility = "Hidden";
}
</script>
</head>
<body>
<div id="MENU_CONTAINER">
    <div onmouseover="ApriMenu(1)" onmouseout="ChiudiMenu(1)">
        <a href="http://stexe.altervista.org/db/portal.php#" class="MENU">Home Portal</a>
        </div></div>
    <div onmouseover="ApriMenu(2)" onmouseout="ChiudiMenu(2)">
        <a href="#" class="MENU" onClick="window.open ('http://stexe.altervista.org/Chat/chat.html#','newWin', 'scrollbars=no,status=no,resizable=no,top=200,left   =200,width=450,height=335');">Entra nella chat</a>
        </div></div>
    <div onmouseover="ApriMenu(3)" onmouseout="ChiudiMenu(3)">
        <a href="http://stexe.altervista.org/db/index.php#" class="MENU">Entra nel forum</a>
        </div></div>
    <div onmouseover="ApriMenu(4)" onmouseout="ChiudiMenu(4)">
        <a href="#" class="MENU" onClick="window.open ('http://stexe.altervista.org/Guestbook/guestbook.html','newWin', 'scrollbars=yes,status=no,resizable=no,top=200,left   =200,width=650,height=450');">Firma il Guestbook</a>
        </div></div>
  <div onmouseover="ApriMenu(5)" onmouseout="ChiudiMenu(5)">
        <a href="#" class="MENU">Traduttori</a>
        <div id="SM5" class="SMENU">
            <a href="#" class="SMENU" onClick="window.open ('http://stexe.altervista.org/traduttori/bin-ascii/trad.php','newWin', 'scrollbars=yes,status=no,resizable=no,top=100,left   =200,width=700,height=580');">ASCII - Binario</a>
            <a href="#" class="SMENU" onClick="window.open ('http://stexe.altervista.org/traduttori/ascii-morse/morse.html','newWin', 'scrollbars=yes,status=no,resizable=no,top=100,left   =200,width=700,height=580');">ASCII - MORSE</a>
           <a href="#" class="SMENU" onClick="window.open ('http://stexe.altervista.org/traduttori/codbar/codbarre.html','newWin', 'scrollbars=yes,status=no,resizable=no,top=100,left   =200,width=700,height=200');">Codice a barre</a>
           <a href="#" class="SMENU" onClick="window.open ('http://stexe.altervista.org/traduttori/html-js/html-js.html','newWin', 'scrollbars=no,status=no,resizable=no,top=100,left   =200,width=700,height=580');">Html - JS</a>
           <a href="#" class="SMENU" onClick="window.open ('http://stexe.altervista.org/traduttori/codcoloresa/codcoloresa.html','newWin', 'scrollbars=yes,status=no,resizable=no,top=100,left   =200,width=700,height=580');">Codice colori</a>
        </div></div>
    <div onmouseover="ApriMenu(6)" onmouseout="ChiudiMenu(6)">
        <a href="#" class="MENU">SECRET ZONE</a>
        <div id="SM6" class="SMENU">
            <a href="#" class="SMENU" onClick="window.open ('http://stexe.altervista.org/-reserved/index.php','newWin', 'scrollbars=yes,status=no,resizable=no,top=200,left   =200,width=700,height=450');">Area 1</a>
            <a href="#" class="SMENU">Area 2</a>
        </div></div>
    <div onmouseover="ApriMenu(7)" onmouseout="ChiudiMenu(7)">
        <a href="#" class="MENU">Concorsi</a>
        <div id="SM7" class="SMENU">
        <a href="http://stexe.altervista.org/db/forumdisplay.php?fid=79#" class="MENU">ASCII Art</a>
        </div></div>
    <div onmouseover="ApriMenu(8)" onmouseout="ChiudiMenu(8)">
        <a href="http://stexe.altervista.org/db/downloads.php#" class="MENU">Downloads Section</a>
        </div>
    </div>
</div>
</body>
</html>
</td>
</tr>
</table>
</td></tr></table>
<br />

spero di essere stato chiaro su quello che voglio fare...

26-07-2006, 12.29.26

guarda qui ...http://www.sastgroup.com/esempi.php#

Discussione: menù a tendina

LinkBack

Strumenti discussione

Display

menù a tendina

Regole di scrittura