18041 sujets

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

Masquer le texte sous menu déroulant horizontal [Résolu

Bonjour à tous et merci de m'accueillir sur ce forum.
J'ai un petit souci dans l'affichage des menus déroulants horizontaux de ma page.
Je voudrais cacher le texte qui se situe dessous lorsque le menu se déroule où plus simplement le mettre en arrière plan.
Je pense qu'un élément de script de type "hidden" ou autre doit être intégré dans le css, mais là, je sèche lamentablement comme le débutant que je suis... Smiley confus
Mon site : http://www.alrocreation.fr
Cordialement
Modifié par choumac (25 Nov 2010 - 14:56)
Salut Choumac,

je suis loin d'être un spécialiste mais peut être que la propriété z-index est le début d'une solution ???

@+
Olivier
Merci Olivier,
Pouvez-vous m'en dire plus, car je sèche lamentablement.

A+
Alain

Edit :
Ci-dessous le style.css

body{
	background:#fff;

}
#menu{
	background:url(accueil.jpg);
	height:38px;
}

dl{
	height:38px;
	margin:0; padding:0;
	display:block;
	float:left;
}	
dt{
	width:128px;
	display:block;
	height:38px;
	color:#535c65;
	line-height:38px;
	text-align:center;
	border-right:groove 0px #a1a1a1;
	cursor:pointer;
}
dd{
	display:block;
	margin:0; padding:0;
	background:url(accueil2.jpg);
}
dd ul{
	margin:0; padding:0;
	text-align:center;
	list-style:none;
}
dd ul li a{
	color:#fff;
	display:block;
	text-decoration:none;
	height:30px;
	line-height:30px;
	border-top :groove 1px #a1a1a1;
}
dd ul li a:hover{
	background:url(accueil3.jpg);
	color:#fff;
}
dl dd{
	display:none;
}
dl:hover dd{
	display:block;
}


et la section html concernée


<body onload="runSlideShow()">
<div align="center"><img src="images/head.png" width="1024" height="127" /></div>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="49" class="Style11"><img src="gauche.jpg" width="75" height="30" border="0" /></td>
    <td width="1130" class="Style11"><div id="menu">
      <dl>
        <dt><a href="index.html" class="Style4">Accueil</a></dt>
      </dl>
      <dl>
        <dt><a href="en/index.html" class="Style4">English</a></dt>
      </dl>
      <dl>
        <dt>Modelisations</dt>
        <dd>
          <ul>
            <li><a href="Phare_recap.html" class="Style4">Phares Bretagne</a></li>
            <li><a href="Phare_GB_EIRE.html" class="Style4">Phares GB/EIRE</a></li>
            <li><a href="Observatoire_PDM.html" class="Style4">Obs Pic du Midi</a></li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>Payware</dt>
        <dd>
          <ul>
            <li><a href="commande_bzh.html" class="Style4">Phares BZH</a></li>
            <li><a href="pic_du_midi.html" class="Style4">Pic du Midi</a></li>
            <li><a href="commande_GB.html" class="Style4">Phares GB/Eire</a></li>
            <li><a href="patch.html" class="Style4">Bonus & Patches</a></li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt><a href="freeware.html" class="Style4">Freeware</a></dt>
      </dl>
      <dl>
        <dt><a href="annuaire.html" class="Style4">Liens</a></dt>
      </dl>
      <dl>
        <dt><a href="http://www.alrocreation.fr/support" class="Style4">Support</a></dt>
      </dl>
    </div></td>

Modifié par choumac (24 Nov 2010 - 18:21)
Bonjour,
Personne pour me donner un petit coup de main à résoudre le problème ?.
Bonne journée
Alain
Bonjour,

comme diaboliv je ne suis pas expert mais je me renseignerais également sur les "z-index".
Bonjour, en faisant une recherche avec les mots clés "menu déroulant" sur le forum ou dans la section apprendre devrait te donner quelques pistes. Smiley cligne
Sujet clos
Aller à