Menu deroulant

Bonjour,
j'ai un petit sousci j'essaye de faire un menu deroulant sans javascript et qui fonctionne sur internet explorer.
Car pour l'instant j'ai reussi a faire mon menu deroulant mais ne fonctionne que sur mozilla.

Merci d'avance
Configuration: Windows Vista
Internet Explorer 7.0

7 réponses

  • Votes
  • Date
  • Date décroissante
  1. oH sisi mais je sais pas dutout comment

    moi mon site web se limite a quelque petit truk je suis pas experiementer

    mon site web
    http://www.kevintheripper.fr.cx
    1. je vous communique le css si ca pe aider

      body
      {
      font: 11px verdana, sans-serif;
      background: #AFA99B url("fond.jpg") top left no-repeat;
      margin: 0;
      padding;
      }

      #menuDeroulant
      {
      width: 644px;
      list-style-type: none;
      margin: 0;
      padding: 0;
      border: 0;
      position: absolute;
      top: 0;
      left: 0;
      }

      #menuDeroulant li
      {
      float: left;
      margin: 0;
      padding: 0;
      border: 0;
      }

      #menuDeroulant .sousMenu
      {
      display:none;
      list-style-type: none;
      margin: 0;
      padding: 0;
      border: 0;
      }

      #menuDeroulant .sousMenu li
      {
      float: none;
      margin: 0;
      padding: 0;
      border: 0;
      width: 149px;
      border-top: 1px solid transparent;
      border-right: 1px solid transparent;
      }

      #menuDeroulant li
      {
      float: left;
      width: 150px;
      margin: 0;
      padding: 0;
      border: 0;
      }

      #menuDeroulant li a:link, #menuDeroulant li a:visited
      {
      display: block;
      height: 1%;
      color: #FFF;
      background: #3B4E77;
      margin: 0;
      padding: 4px 8px;
      border-right: 1px solid #fff;
      text-decoration: none;
      }
      #menuDeroulant li a:hover { background-color: #F2462E;}
      #menuDeroulant li a:active { background-color: #5F879D;}

      #menuDeroulant .sousMenu li a:link,
      #menuDeroulant .sousMenu li a:visited
      {
      display: block;
      color: #FFF;
      margin: 0;
      border: 0;
      text-decoration: none;
      background: transparent url("fondTR.png") repeat;
      }

      #menuDeroulant .sousMenu li a:hover
      {
      background-image: none;
      background-color: #F2462E;
      }

      #menuDeroulant li:hover > .sousMenu { display: block; }
      1. voila j'ai trouvé precisement les css qui ne fonctione pas

        #menuDeroulant .sousMenu
        {
        display: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        border: 0;

        #menuDeroulant li:hover > .sousMenu { display: block; }