Menu déroulant > hover

Bonjour à tous,

Totalement débutante, j'ai regardé les codes concernant les menus déroulant dynamiques, j'avais juste un souci en cas de survol d'un autre menu déroulant (<SELECT NAME...>).

J'ai donc trouvé un autre exemple qui contourne le problème par un système de layer (je donenrai le code poru els personnes interessées) seul souci :

1 / impossible de changer le background-color des <LI> en hover.
J'essaye pas mal de truc ca devient n'importe quoi.
2 / est il possible selon vous d'attriber une couleur de fond par colonne ?

Si quelqu'un pouvait m'éclairer...

Voila mon code, il n'est pas long :

  #menu ul { margin:0;padding:0; }

  #menu ul li { behavior:url('menu.htc');
  background-color:#FFFFFF;
  position:expression('relative');
  display:expression('inline'); }

  #menu ul>li { display:table-cell; }

  #menu ul li ul { 
  top:expression(this.parentNode.offsetHeight+"px");
  left:expression(0);
  font:normal 11px Verdana;
  border-left:solid 1px #000;
  border-right:solid 1px #000;
  position:absolute;
  visibility:hidden; }
 
  #menu ul li:hover ul { visibility:visible; display: block;   }

  #menu ul li ul li { 
  display:block;  
  background-color: #9cf;
  border-bottom:1px #000 solid;
  vertical-align: middle; 
  padding: 4px 10px 4px 3px;
 }

  #menu ul li ul li { 
  display:block;  
  background-color: #9cf;
  border-bottom:1px #000 solid;
  vertical-align: middle; 
  padding: 4px 10px 4px 3px;
 }

.hover, li.hover a, li ul, li.hover ul, li ul li.hover a:hover{
	color:#fffab5;
	background-color:#DA787E;
	text-decoration:underline;
}

En vous remerciant
Amicalement

Estelle

Pour les personnes interessée voila le contenu du fichier 'menu.htc' qui permet le chevauchement des menus sans souci :

<PUBLIC:COMPONENT>
   <PUBLIC:ATTACH EVENT="onmouseenter" ONEVENT="showSubMenu()" />
   <PUBLIC:ATTACH EVENT="onmouseleave"  ONEVENT="hideSubMenu()"  />

   <SCRIPT LANGUAGE="JScript">
    var menuBackground;
    var menuHighLight = 'rgb(128,128,128)';

    function showSubMenu() {
      // highlight current item
      menuBackground = style.backgroundColor;
      style.backgroundColor = menuHighLight;

      // get sub menu
      var submenu = getElementsByTagName('ul')[0];
      if (submenu) {
       
        // workaround for windowed select object bug
        // that ignores zindex values
        var iframe = getElementsByTagName('iframe')[0];
        if (!iframe) {
          iframe = document.createElement('iframe');
          iframe.frameBorder=0;
          iframe.style.display='block';
          iframe.style.position='absolute';
          iframe.style.top=submenu.offsetTop;
          iframe.style.left=0;
          iframe.style.width=submenu.offsetWidth;
          iframe.style.height=submenu.offsetHeight;
          insertBefore(iframe, submenu);
        }
         
         // show sub menu
        submenu.style.visibility='visible';
        iframe.style.visibility='visible';
      }
    }
    
    function hideSubMenu() {
      // restore background
      style.backgroundColor = menuBackground;

      // hide submenu
      var submenu = getElementsByTagName('ul')[0];
      if (submenu) {
        submenu.style.visibility='hidden';
        getElementsByTagName('iframe')[0].style.visibility='hidden';
      }
    }

   </SCRIPT>
</PUBLIC:COMPONENT>

Bonne journée