18100 sujets

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

[Résolu] Les sous menus n'en font qu'à leur tete

bonjour
je me permet d'envoyé un message car j'ai le meme probleme que Zellige qui a noté son probleme résolu mais il n'y a pas la solution...

Les sous menus apparaissent mal comme dans ton lien :
http://www.corinne-quirici-photographe.com/index.html

Quelle serait la solution ?
mon code est le meme (sauf que j'ai d'autres noms de menus et d'autres liens mais bon ...)

merci d'avance pour vos solutions !!
Modifié par Miminerennaise (06 Mar 2007 - 12:48)
salut,mon probleme est que les sous menu ne restent pas affichés.
c'est aléatoire, ils apparaissent puis disparaissent sans le vouloir...
par exemple si jai un sous menu assez long, je narrive jamais a atteindre la derniere rubrique... ??
c'est bizarre (mais je pense quil faut essayé avec IE6)
merci pour les réponses ! Smiley biggrin

<modération>Couleur inutiles supprimées. Smiley smile </modération>
Modifié par Julien Royer (27 Feb 2007 - 14:15)
Je ne comprends pas ce comportement aléatoire,
pourtant j'ai bien donné mes conditions en "onmousehover" et "onmouseout"

mon code html :
<dd id="smenuderoulant1" onmouseover="javascript:montre('smenuderoulant1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="http://
etc ......

et mon code javasrcipt :
<script type="text/javascript">
// <![CDATA[

window.onload=montre;

function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenuderoulant'+i)) {document.getElementById('smenuderoulant'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}

</script>
Merci d'utiliser les balises adéquates ([ code] & [ /code]) lorsque tu insère du code dans tes messages, comme demandé dans les règles du forum Smiley cligne

C'est moi ou mon post précédent t'est passé loin au-dessus de la tête ? As-tu suivi le lien ? Le validateur renvoie 71 erreurs sur la page d'accueil de ton site. Tant que tu ne travailleras pas sur une structure saine & solide, tu auras des comportements aléatoires, que ce soit pour la mise en forme (CSS) que pour le comportement (JS) Smiley ohwell
Modifié par Thomas D. (27 Feb 2007 - 14:35)
ok pardon j'ai posté mes nouveaux messages avant de regarder ton lien.
c'est ce que je suis en train de faire!
je continue de chercher , désolée pour ma hâte...
merci bcp pour ton aide !
Bonjour,
je suis désolée mais je ne trouve pas de solution à mon problème,
mes sous menus n'en font toujours qu'à leur tête...
Cette fois je poste mon code entier pour que vous puissiez voir le probleme.
merci d'avance....


<html>
   <head>
       <title>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="classemenu" href="classemenu.css" />

<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('smenuderoulant'+i)) {document.getElementById('smenuderoulant'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
</script>


   </head>


   <body>

<div id="menuderoulant">
  <dl>
    <dt><a href="http://intraouest/" title="Accueil">Accueil</a></dt>
  </dl>
  
 <dl>
    <dt onmouseover="javascript:montre('smenuderoulant1');"><a href="javascript:;" title="Sites internes">Sites internes</a></dt>
    <dd id="smenuderoulant1" onmouseover="javascript:montre('smenuderoulant1');" onmouseout="javascript:montre('');">
	  <ul>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=715&L=FR" target="_parent">Delta : notre Plan Moyen Terme </a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=713&L=FR" target="_parent">Marchés</a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=980&L=FR" target="_parent">Marché de l'agriculture</a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=714&L=FR" target="_parent">Marketing et Communication</a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=716&L=FR" target="_parent">Réseau et Méthode de Vente</a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=701&L=FR" target="_parent">Ressources Humaines</a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=732&L=FR" target="_parent">Technologies</a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=717&L=FR" target="_parent">CE et CHSCT</a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=1268&L=FR" target="_parent">Atea Voyages</a></li>
      <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=796&L=FR" target="_parent">Organisations Syndicales</a></li>
      </ul>
    </dd>
  </dl>

  <dl>
    <dt><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=570&L=FR" title="Intranet i-BP" target="_blank">Intranet i-BP</a></dt>
  </dl>
  
  <dl>
    <dt onmouseover="javascript:montre('smenuderoulant2');"><a href="javascript:;" title="Presse en ligne">Presse en ligne</a></dt>
    <dd id="smenuderoulant2" onmouseover="javascript:montre('smenuderoulant2');" onmouseout="javascript:montre('');">
      <ul>
       <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=575&L=FR" target="_blank">Les Echos</a></li>
       <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=573&L=FR" target="_blank">La Tribune</a></li>
       <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=574&L=FR" target="_blank">Ouest France</a></li>
       <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=785&L=FR" target="_blank">Challenges</a></li>
	 </ul>
    </dd>
  </dl>

  <dl>
    <dt onmouseover="javascript:montre('smenuderoulant3');"><a href="javascript:;" title="En direct sur">En direct sur</a></dt>
    <dd id="smenuderoulant3" onmouseover="javascript:montre('smenuderoulant3');" onmouseout="javascript:montre('');">
      <ul>
        <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=794&L=FR" target="_blank">@ Ponant (Flashs)</a></li>
 		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=1212&L=FR" target="_blank">Natixis</a></li>
 		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=843&L=FR" target="_blank">Clés de la Banque</a></li>
 		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=928&L=FR" target="_blank">Extr@ssur (du Siège)</a></li>
 		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=792&L=FR" target="_blank">Fiches Pro</a></li>
	 </ul>
    </dd>
  </dl>

 <dl>
    <dt onmouseover="javascript:montre('smenuderoulant4');"><a href="javascript:;" title="Sites du groupe">Sites du groupe</a></dt>
    <dd id="smenuderoulant4" onmouseover="javascript:montre('smenuderoulant4');" onmouseout="javascript:montre('');">
      <ul>
        <li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=1212&L=FR" target="_blank">Site Internet de NatIxis</a></li>
 		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=154&L=FR" target="_blank">Sites du Groupe Banque Populaire</a></li>
 		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=152&L=FR" target="_blank">Sites des filiales</a></li>
 		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=153&L=FR" target="_blank">Sites autres établissements</a></li>
 		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=1173&L=FR" target="_blank">Click and Trust</a></li>
		<li><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=30&L=FR" target="_blank">Sites "Finance"</a></li>
	 </ul>
    </dd>
  </dl>


  <dl>
    <dt><a href="http://intraouest/scripts/HOME/publigen/content/templates/show.asp?P=572&L=FR" title="Base Doc" target="_blank">Base Doc</a></dt>
  </dl>


</div>



   </body>
</html>
 




body
{
   width: 900px;
   height: 100%;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   font-family: arial,verdana, helvetica, sans-serif;
   overflow : auto ; /* hidden evite une barre horizontale */
   font-size: 12px;
   background-color:white ; /* le fond de la page est blanc */
   color:black} /* les textes sont noirs */
 }



HTML, BODY {
  margin: 0px;
  padding: 0px;
  border: none;
  width: 100%;
  height: 100%;

}
	
 /* menu deroulant */

dl, dt, dd, ul, li
{
margin: 0;
padding: 0x;
list-style-type: none;
}

#menuderoulant {
	position:absolute;
	z-index:100;
	width: 100%;
	font-family: verdana,arial,helvetica,sans-sherif;
	margin-bottom: 1px;
	margin-left: -400px;
	left: 49%;
	top: 0%;
	height: 200px;
	text-align: center;
    font-size: 11px;
}

#menuderoulant dl
{
float: left;
width: 10em; /* grandeur de la case menu */
margin: 2 1px;
}

#menuderoulant dt
{
cursor: pointer;
text-align: center; /* texte centré */
font-weight: bold; /* police en gras */
background: purple; /* couleur menu */
border: 1px solid gray;  /* contour des menus */
margin: 1px; /* marge entre les menus */
color: white;  /* couleur des menus */
}

#menuderoulant dd
{
border: 1px solid gray;  /* contour des sous menus */

}

#menuderoulant li
{
text-align: center;
background:  darkorchid;  /* gris foncé */
font-weight: bold; /* bold = police en gras */
color: white;
margin: 0px; /* marge entre les menus */
line-height: 18px;
}

#menuderoulant li a, #menuderoulant dt a
{
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: white; /* couleur des liens */
}

#menuderoulant li a:hover, #menuderoulant dt a:hover
{
background-color: #d5f400; /* vert */
color: green;
}

/* fin menu deroulant */


/* Quelques effets sur les liens */
a:active /* Quand le visiteur clique sur le lien */
{
   background-color: #4586df; /*bleu */

}
a:hover /* Quand le visiteur pointe sur le lien */
{
    color: #4586df; /*bleu */
    text-decoration: none;
	background-color: #d5f400; /*vert */
}
a /* liens  */
{
color:#4586df; /*bleu */
background-color:transparent;
text-decoration:none; /*surligné=underline*/
}
Sujet clos
Aller à