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

A voir également:

AIDE menu déroulant ne marche plus !
Menu déroulant excel - Guide
Excel menu déroulant en cascade - Guide
Menu déroulant google sheet - Accueil - Guide bureautique
Canon quick menu - Télécharger - Utilitaires
Enlever menu déroulant excel ✓ - Forum Word

1 réponse

Réponse 1 / 1

avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention 4 509

Salut.
Un CSS sans (x)HTML, ça ne sert pas trop à grand chose.
Tu pourrais mettre un exemple de menu.

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

avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention 4 509

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.

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 !

avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention 4 509

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.

Utilisateur anonyme

peux-tu m'aider à corriger mon HTML ?

Discussions similaires

TV continental Edison bloqué sur le menu

Supprimer liste déroulante Excel

Suppression listes déroulantes

Effacer liste déroulante

menu caché

AIDE menu déroulant ne marche plus !

1 réponse

Votre réponse

Discussions similaires

Newsletters