AIDE menu déroulant ne marche plus !

Utilisateur anonyme -
Utilisateur anonyme - 29 juin 2010 à 14:30

Bonjour,
J'ai mon menu déroulant qui ne marche plus !
La derniere fois que je l'ais modifié il marchait très bien et la je change une couleur d'un lien et paf !
Les sous menu ne s'affichent plus et il est tout de travers : un titre n'apparait plus etc ...
Cata... !
J'ai essayé de regarder monmeu en désactivant le CSS et tout va bien, l'erreur vient donc du code css,
Je vous le fait parvenir :

#nav,
#nav ul {padding:00 0 15px 0; margin:0; list-style:none; font: 15px comic sans ms; border:1px solid #000; border-color:#000; border-width:1px 1px 1px 1px; background:#ffcc66; position:relative; z-index:200;}
#nav {height:30px; width: 961px; padding:0;}

#nav li {float:left;}
#nav li li {float:left;}

* html #nav li li {float:left;}

#nav li a {display:block; float:center; color:#000; border-right:1px solid #000; border-color:#Ffcc66; margin:0 10px 0 10px; height:30px; line-height:30px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; }
#nav li:hover ul {left:0; top:px;}
#nav li:hover a{background:#fdcc66;}

* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

* html #nav ul {width:1px;}

#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}

#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

#nav li:hover > a {text-decoration:underline; color:#;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:0px; margin-left:100%; top:5px;}

#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#FF0000;} /* Hover sur les liens */

#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#000;} /* Les liens */

Expliquez moi ce qui ne va pas !
Merci !

Afficher la suite

1 réponse

Réponse 1 / 1
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511

Salut.
Un CSS sans (x)HTML, ça ne sert pas trop à grand chose.
Tu pourrais mettre un exemple de menu.
0
1. Utilisateur anonyme
  
  ouais le code HTML est sous la forme de :
  
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
  
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  
  <center>
  <script type="text/javascript">
  stuHover = function() {
  var cssRule;
  var newSelector;
  for (var i = 0; i < document.styleSheets.length; i++)
  for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
  {
  cssRule = document.styleSheets[i].rules[x];
  if (cssRule.selectorText.indexOf("LI:hover") != -1)
  {
  newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
  document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
  }
  }
  var getElm = document.getElementById("nav").getElementsByTagName("LI");
  for (var i=0; i<getElm.length; i++) {
  getElm[i].onmouseover=function() {
  this.className+=" iehover";
  }
  getElm[i].onmouseout=function() {
  this.className=this.className.replace(new RegExp(" iehover\\b"), "");
  }
  }
  }
  if (window.attachEvent) window.attachEvent("onload", stuHover);
  </script>
  <ul id="nav">
  
  <ul>
  
  </ul>
  
  <li><a href="index.php">Accueil</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  <li><a href="leçon1-1.php">TITRE</a>
  
  <ul>
  
  <li><a href="leçon1-1.php">sous titre</a>
  
  <ul>
  
  <li><a href="leçon1-1.php">sous sous titre</a></li>
  <li><a href="leçon1-2.php">sous sous titre</a></li>
  <li><a href="exercices.php">sous sous titre</a></li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">TITRE</a>
  
  <ul>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  </ul>
  
  </li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">TITRE</a>
  
  <ul>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">sous titre</a>
  
  <ul>
  
  <li><a href="verbes.html">sous sous titre</a></li>
  
  <li><a href="autres.html">sous sous titre</a></li>
  
  </ul>
  
  </li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">TITRE</a>
  
  <ul>
  
  <li><a href="internet.html">Titre sous catégorie</a>
  
  <ul>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">Titre sous
  catégorie</a>
  
  <ul>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">Titre sous
  catégorie</a>
  
  <ul>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  </ul>
  
  </li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">TITRE</a>
  
  <ul>
  
  <li><a href="#nogo">Titre sous
  catégorie</a>
  
  <ul>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">Titre sous
  catégorie</a>
  
  <ul>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  </ul>
  
  </li>
  
  <li><a href="#nogo">Titre sous
  catégorie</a>
  
  <ul>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  <li><a href="http://Adresse%20du%20lien.html">Nom
  du lien</a></li>
  
  </ul>
  
  </li>
  
  </ul>
  
  </li>
  
  </ul>
  
  </center>
  
  Mais je suis sur à 100% que le problème ne vient pas du code HTML
  
  0
2. avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
  
  Deux doctype, pas de head, pas de body, balise center, tu n'as pas utilisé la balise "code" de CCM pour garder l'indentation, ...
  Désolé, je ne saurais pas t'aider avec ça.
  
  0
3. Utilisateur anonyme
  
  oki, la le probleme c'est que carrément mon site ne prend en compte aucun CSS !
  aussi bien sur la page HTML que sur un fichier externe !
  
  0
4. avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
  
  Le CSS se place dans la balise "style".
  <style type="text/css"> Ton CSS </style>
  Mais tant que tu n'as pas un HTML correcte, ne cherche pas à aller plus loin.
  
  0
5. Utilisateur anonyme
  
  peux-tu m'aider à corriger mon HTML ?
  
  0

AIDE menu déroulant ne marche plus !

1 réponse

Discussions similaires

Newsletters