Débuts en js correction possible ?

Fermé
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021 - Modifié par Debutant en webmastering le 20/01/2012 à 10:52
Bonjour,

j'aimerais savoir ce qui cloche dans mon code (je vais donner le html puis le css et enfin le js pour toute question n'hésitez pas) :

HTML:

<ul id="menu">
<li><a href="">Produit</a></li>
<li><a href="">Accueil</a></li>
<!--<li><a href="">Formulaire</a></li>-->

<ul>
<li class="surligne"><a href="">Société</a></li>
<li class="déroulant"><a href="">Nous situer</a></li>
</ul>

<li><a href="">Nous contacter</a></li>

</ul>

CSS:

ul
{
padding:0; /* Aucune marge intérieure */
margin:0; /* Aucune marge extérieure */
list-style-type:none; /* Pas d'affichage de puces */
}

li
{
margin-left:0px; /* Aucune marge à gauche mais possibilité d'en mettre */
float:left; /*pour IE*/
list-style : none;
}

ul li a /* Contenu des listes */
{
display : block; /* On change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* Aucune marge intérieure */
background : #808080; /* Couleur de fond */
color : #FFFFFF; /* Couleur du texte */
width : 250px; /* Largeur */
text-align : center; /* Permet de centrer le texte */
text-decoration : none; /* On supprime le style par défaut des liens (la plupart du temps = souligné) */
line-height : 60px; /* Hauteur des lignes */
font-size : 40px;
}

#menu li
{
border-bottom : 1px solid;
}

.déroulant
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

.surligne.sfhover
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}

JS :

sfHover = function() {
var sfEls = document.getElementById("menu").getElementByName("surligne");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
Signé: Debutant en webmastering