Ragazzi ho provato a realizzare il menu a tendina con i css come spiegato nell'articolo di html.it, ma in explorer non funziona mentre in mozilla è tutto ok. Ho pensato che dipendesse da quella stringa che bisogna mettere nell'head ma continua a non funzionare.
Ho scaricato il file IE7 da questo indirizzo
http://prdownloads.sourceforge.net/i...3.zip?download
Vi posto tutto il codice, se mi aiutate a risolvere questo problema:
Spero riusciate ad aiutarmi.codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!--[if lt IE 7]> <script src="/ie7/ie7-standard-p.js" type="text/javascript"></script> <![endif]--> <style> /* Stili menu orizzontale */ div#hormenu { width: 100%; float: left; margin: 0; padding: 0; border-top: 1px solid black; background: red; } div#hormenu ul { margin: 0; padding: 0; list-style-type: none; } div#hormenu li { width:100px; float:left; margin: 0; padding: 0; border-right: 1px solid black; color:black; } div#hormenu a { display: block; padding: 5px; color: #000; text-decoration: none; } div#hormenu a:hover { background-color: #000033; color: #FFFFFF; text-decoration: none; } div#hormenu li ul {display: none} div#hormenu li:hover ul { position: absolute; display: block; z-index:1; width:150px; padding: 0; margin: 0 0 0 -1px; border:1px solid black; background: white; } div#hormenu li li {border: none; width: 150px;} div#hormenu li li a {padding: 2px 2px 2px 10px;} </style> </head> <body> <div id="hormenu"> <ul>[*]Menu 1 <ul>[*]Submenu 1[*]Submenu 1[*]Submenu 1[*]Submenu 1[*]Submenu 1[/list] [*]Menu 2 <ul>[*]Submenu 2[*]Submenu 2[*]Submenu 2[/list] [*]Menu 3 <ul>[*]Submenu 3[*]Submenu 3[*]Submenu 3[*]Submenu 3[/list] [*]Menu 4 <ul>[*]Submenu 4[*]Submenu 4[*]Submenu 4[*]Submenu 4[/list] [*]Menu 5 <ul>[*]Submenu 5[*]Submenu 5[*]Submenu 5[/list] [/list] </div> </body> </html>
Grazie
Rispondi quotando
