Ciao
Ho questo listato generato da un software:
ove il sottomenu funziona bene su FF, invece su IE sparisce il sottomenu appena il mouse ci passo sopta.codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css" media="screen"> #cm-nav li a.arrow { background-image: url(arrow-right.gif); } #cm-nav > li > a.arrow { background-image: url(arrow-down.gif); } ul#cm-nav, ul#cm-nav ul { margin: 0; padding: 0; list-style: none; margin: 0; /*Overriding global settings*/ list-style-type: none; /*Overriding global settings*/ } ul#cm-nav li { position: relative; float: left; width: auto; /*Put in to meet CSS spec of floated elements needing to define width*/ padding: 0; /*Overriding global settings*/ margin: 0; /*Overriding global settings*/ list-style: none; /*Overriding global settings*/ } ul#cm-nav li li { width: auto; /*Put in to meet CSS spec of floated elements needing to define width*/ float: none; /*For OP*/ } #cm-nav a { display: block; text-decoration: none; text-align: left; /*Overriding global settings*/ font-family: Verdana; font-size: 12px; white-space: nowrap; padding: 5px; border: 1px solid black; color: black; background: yellow; } #cm-nav a:focus { outline: none; } #cm-nav a.no-click { cursor: default; } #cm-nav li a { margin: -1px -1px 0 0; } #cm-nav li li a { margin: 0 0 -1px 0; } #cm-nav > li > a.arrow { padding-right: 14px; } #cm-nav ul.arrow-pad > li > a { padding-right: 11px; } #cm-nav li a.arrow, #cm-nav > li > a.arrow { background-position: right; background-repeat: no-repeat; } #cm-nav li:hover > a { background-color: red; color: white; } #cm-nav li ul, #cm-nav li:hover ul ul, #cm-nav li:hover ul ul ul, #cm-nav li:hover ul ul ul ul, #cm-nav li:hover ul ul ul ul ul, #cm-nav li:hover ul ul ul ul ul ul, #cm-nav li:hover ul ul ul ul ul ul ul, #cm-nav li:hover ul ul ul ul ul ul ul ul { position: absolute; display: none; z-index: 999; } #cm-nav li:hover ul, #cm-nav li li:hover ul, #cm-nav li li li:hover ul, #cm-nav li li li li:hover ul, #cm-nav li li li li li:hover ul, #cm-nav li li li li li li:hover ul, #cm-nav li li li li li li li:hover ul { display: block; margin-left: 100%; } #cm-nav li:hover ul { margin-left: 0; } #cm-nav ul ul { top: 1px; left: -1px; } #cm-nav li { top: -1px; } /*#cm-nav > li.end { clear: both; float: none; }*/ </style> </head> <body style="background:#FFFFFF"> <ul id="cm-nav">[*]My Menu <ul>[*]My sub menu item 1[*]My sub menu item 2[*]My sub menu item 3[/list] [*]My Item[/list] </body> </html>
Ora non è che io debba usare i menu generati da questo software, ma è solo per capire il perchè dell'inghippo, mi dispiace ammetterlo ma mi sfugge il motivo del malfunzionamento.
Grazie Ciao
Rispondi quotando
