18073 sujets

Questions générales et questions de débutants

Menue horizontal une ligne IE

Salut,

je me suis servi du tuto pour faire mon menu horizontal sur une ligne http://css.alsacreations.com/xmedia/exemples/deroulant/cssmenu3.htm

Sous firefox tout ce passe bien, mais sous IE j'ai un léger soucis. Oh rien de grave rassurez-vous, le menu ne s'affiche pas, tout simplement Smiley sweatdrop

Je n'arrive pas à voir où je me sius trompé puisque le menu du tuto fonctionne lui sous IE.

Mon html : 
  <script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
  </script>
<link media="screen" rel="stylesheet"
 href="standard.css" type="text/css" />

</head>
<body>
<h1><span>Site Personnel de Nicolas</span></h1>

<a href="#"><img style="border: 0px solid ; width: 38px; height: 57px;float:right;margin-right:3%;" alt="English version" src="img/angleterre2.png" />
</a>
<a href="esp/index.php"><img style="border: 0px solid ; width: 66px; height: 54px;float:right;margin-right:3%;" alt="Version espanol" src="img/espana2.png" />
</a>
<a href="../index.php"><img style="border: 0px solid ; width: 53px; height: 54px;float:right;margin-right:3%;" alt="Version francaise" src="img/france2.png" />
</a>

<div id="menu">
<dl>

  <dt onmouseover="montre('smenu1');"><a href="#">menu1</a></dt>

  <dd id="smenu1">

    <ul>

      <li><a href="index.php" accesskey="1">sous menu1</a></li>

    </ul>

  </dd>

</dl>

<dl>

  <dt onmouseover="montre('smenu2');"><a href="#">menu2</a></dt>

  <dd id="smenu2">
    <ul>

      <li><a href="cv_g.php" accesskey="2">sous menu2</a></li>

      <li><a href="cv_c.php" accesskey="3">sous menu2.1</a></li>

      <li><a href="cv_p.php" accesskey="4">sous menu2.2</a></li>

      <li><a href="cv_i.php" accesskey="5">sous menu2.3</a></li>

    </ul>

  </dd>

</dl>

<dl>

  <dt onmouseover="montre('smenu3');"><a href="#">menu3</a></dt>

  <dd id="smenu3">
    <ul>

      <li><a href="musique.php" accesskey="6">sous menu3</a></li>

    
      <li><a href="sport.php" accesskey="7">sous menu3.1</a></li>

      <li><a href="electronique.php" accesskey="8">sous menu3.2</a></li>

    </ul>

  </dd>

</dl>

<dl>

  <dt onmouseover="montre('smenu4');"><a href="#">menu4</a></dt>

  <dd id="smenu4">
    <ul>

      <li><a href="coor.php" accesskey="9">sous menu4</a></li>

    </ul>

  </dd>

</dl>

<dl>

  <dt onmouseover="montre('smenu5');"><a href="#">menu5</a></dt>

  <dd id="smenu5">
    <ul>

      <li><a href="site.php" accesskey="a">sous menu5</a></li>

      <li><a href="site_t.php" accesskey="z">sous menu5.1</a></li>

    </ul>

  </dd>

</dl>
<a href="access.html" onclick="window.open(this.href, 'access', 'height=330, width=400, top=100, left=100, toolbar=no, menubar=yes, location=no, resizable=yes, scrollbars=no, status=no'); return false;" accesskey="0"></a>
</div>


le css : 
body { padding-left: 1%;
    font-weight: inherit;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    color: rgb(255, 204, 51);
    background-color: #006600;
    list-style-type: circle;
    list-style-position: inside;
    }
 h1 {font-family: georgia, "URW Chancery L", serif;
    font-size: 26pt;
    background-image:url(img/header0td9.png);
    width:800px;
    height:100px;
    }

  h1 span{display:none;
    }

   #menu dt, dl, dd, ul, li { margin: 0pt 10px 0pt 0pt;
    padding: 0pt;
    }

  #menu { position: absolute;
    margin-top:10px;
    margin-left: 12%;
    float: left;
    }

  #menu a { color: rgb(255, 204, 51);
    background-color: rgb(0, 102, 0);
    }

  #menu dl { float: left;
    }

  #menu li { display: inline;
    }

  #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { border-top: 1px solid;
    left: 0px;
    position: absolute;
    font-size: 0.7em;
    width: 475px;
   margin-top:3px; }



p.s : les acceskeys que j'ai mis fonctionnent eux aussi sous FF mais pas sous IE...
Sujet clos
Aller à