ciao a tutti ho scaricato questo ( http://javascript.html.it/script/ved...enu-a-tendina/ ) script per creare un menù a tendina, questo è il codice
il mio problema è che vorrei mettere le voci principali, per intenderci:codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it"> <head> <title>Menù a tendina - Esempio JavaScript scaricato da HTML.it</title> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="it" /> <meta name="Robots" content="All" /> <meta name="Description" content="HTML.it - il sito italiano sul Web publishing" /> <meta name="Keywords" content="Un menù a tendina molto semplice da configurare e da personalizzare." /> <meta name="Owner" content="HTML.it srl" /> <meta name="Author" content="HTML.it srl" /> <meta name="Copyright" content="HTML.it srl" /> <style type="text/css"> #csstopmenu, #csstopmenu ul{ padding: 0; margin: 0; list-style: none; } #csstopmenu li{ float: left; position: relative; } #csstopmenu a{ text-decoration: none; } .mainitems{ border: 1px solid black; border-left-width: 0; background-color: #D8FE89; } .headerlinks a{ margin: auto 8px; font-weight: bold; color: black; } .submenus{ display: none; width: 10em; position: absolute; top: 1.2em; left: 0; background-color: #EEFFCC; border: 1px solid black; } .submenus li{ width: 100%; } .submenus li a{ display: block; width: 100%; text-indent: 3px; } html>body .submenus li a{ /* non IE browsers */ width: auto; } .submenus li a:hover{ background-color: yellow; color: black; } #csstopmenu li>ul {/* non IE browsers */ top: auto; left: auto; } #csstopmenu li:hover ul, li.over ul { display: block; } html>body #clearmenu{ /* non IE browsers */ height: 3px; } </style> <script type="text/javascript"> startMenu = function() { if (document.all&&document.getElementById) { cssmenu = document.getElementById("csstopmenu"); for (i=0; i<cssmenu.childNodes.length; i++) { node = cssmenu.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function(){ this.className=this.className.replace(" over", "") } } } } } if (window.attachEvent) window.attachEvent("onload", startMenu) else window.onload=startMenu; </script> </head> <body > <div align="center"> <ul id="csstopmenu"> <li class="mainitems" style="border-left-width: 1px"> <div class="headerlinks">HTML.it</div> <ul class="submenus">[*]Prova[*]Testo[*]Prova[*]Testo[/list] <li class="mainitems"> <div class="headerlinks">FREEPHP</div> <ul class="submenus" style="width: 14em">[*]Prova[*]Testo[*]Prova[/list] <li class="mainitems"> <div class="headerlinks">FREEASP</div> <ul class="submenus">[*]Testo[/list] [/list] <div id="clearmenu" style="clear: left"></div> </div> <div align="center"> [img]logo_htmlit.gif[/img] </div> </body> </html>
HTML.it
FREEPHP
FREEASP
non in orizzontale una accanto all'altra, ma in verticale, una sopra l'altra e che la tendina si apra comunque sotto,spero di essere stato chiaro.
qualcuno mi può aiutare?
grazie a tutti
ciao
Rispondi quotando
