Ciao
ho scritto questo menu:
codice:ul { margin: 0; padding: 0; list-style: none; font-weight: bold; width: 150px; /* Width of Menu Items */ border-bottom: 1px solid #070093; } 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: #070093; background: #FFFFFF; /* IE6 Bug */ padding: 5px; border: 1px solid #070093; /* IE6 Bug */ border-bottom: 0; } ul li a:hover{ display: block; text-decoration: none; color: #C92A26; 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 */codice:<ul> [*]Mappa sito [*]Glossario [*]Approfondimenti <ul> [*]Laser [*]Tipologia Tagli Laser [*]Classificazione Laser [*]Utilizzo Laser [/list][/list]
l'effetto è quello di aprire un menu a tendina quando l'utente si ferma con il muose sopra APPROFONDIMENTI
Solo che non funziona con IE6 ........![]()
![]()
![]()
Potete aiutarmi a renderlo compatibile......