ho provato anche io..funziona..anche su Ie..
allora questo il codice (con css interno)
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"> <head> <title>Menu a comparsa laterale</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="drop_down.js"></script> <style type="text/css"> body { font: normal 11px verdana; } ul { margin: 0; padding: 0; list-style: none; width: 150px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; } ul li { position: relative; } li ul { position: absolute; left: 149px; /* Set 1px less than menu width */ top: 0; display: none; } /* Styles for Menu Items */ ul li a { display: block; text-decoration: none; color: #777; background: #fff; /* IE6 Bug */ padding: 5px; border: 1px solid #ccc; /* IE6 Bug */ border-bottom: 0; } /* Holly Hack. IE Requirement \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ li:hover ul, li.over ul { display: block; } /* The magic */ </style> </head> <body> <ul id="nav">[*]Home[*]About <ul>[*]History[*]Team[*]Offices[/list] [*]Services <ul>[*]Web Design[*]Internet Marketing[*]Hosting[*]Domain Names[*]Broadband[/list] [*]Contact Us <ul>[*]United Kingdom[*]France[*]USA[*]Australia[/list] [/list] </body> </html>questa dicitura indica che il javascript deve essere inserito esternamente..per cui copiate ed incollate questo nel blocco note:codice:<script type="text/javascript" src="drop_down.js"></script>
e salvatelo (salva come: tutti i file -non file di testo-) cosi:codice:startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList;
drop_down.js
Naturalmente va inserito nella stessa cartella in cui si trova la pagina contenente il menù..
![]()

Rispondi quotando