Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: clem62 le le 25-11-2010 a 21:06:39

Titre: probleme menu déroulant hover fond
Posté par: clem62 le le 25-11-2010 a 21:06:39

Bonsoir,
le menu est sur ma page accueil quand vous etes sur forum
http://www.assistance-informatique-enligne.net/

il y a que le premier lien qui a un fond bizare
voici le code html

Code:
<li class="imageSeparateur"><!--ne placer rien dans ce li -->
</li>

<!--Éléments du menu principal, vous pouvez ajouter ou supprimer des lignes -->
<li><a href="index.php" title="Assistance et Depannage Informatique"alt="assistance et depannage informatique en ligne">Accueil</a></li>
      
<li><a href="services.php" title="nos services informatique "alt="Nos services informatique">Services</a></li>

<li><a href="assistance.php" title="demande Assistance informatique"alt="demande d'assistance informatique">Demande
Assistance</a></li>

<li><a href="enligne.php" title="technicien informatique en ligne"alt="en ligne">En Direct</a></li>

<li><a href="forum/index.php" title="forum informatique" alt="forum informatique">Forum</a>
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Sous-item 1</a></li>
<li><a href="#">Sous-item 2</a></li>
<li><a href="#">Sous-item 3</a></li>
   </ul>
</li>

</li>

</li>
<li><a href="contact.php" title="contactez nous"alt="contactez nous">Contact</a></li>

<li><a href="partenaires.php" title="partenaires de depannage informatique en ligne">Partenaires</a></li>

</ul>


le code css

Code:

/* menu deroulant */
#topMenu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
background-image : url(../images/topMenuSeparateur.gif);
}
#topMenu li {
float:left;
margin:auto;
padding:0;
background-image : url(../images/topMenuSeparateur.gif);
}
#topMenu li a {
display:block;
width:100px;
text-decoration:none;
padding:5px;
color:back;
background-image : url(../images/topMenuSeparateur.gif);
background-repeat :repeat;
}
#topMenu li a:hover {
background-image : url(../images/topMenuHover.gif);
background-repeat : no-repeat;
background-position : center bottom;
}
#topMenu ul li ul {
display:none;

}
#topMenu ul li:hover ul {
display:block;
}
#topMenu li:hover ul li {
float:none;
}
#topMenu li ul {
position:absolute;
}
/* fin menu deroulant */


merci d avance pour vos reponse, le logo en fond sur le premier lien cest
topMenuSeparateur.gif

Titre: Re:probleme menu déroulant hover fond
Posté par: clem62 le le 26-11-2010 a 22:54:52

solution trouvée


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.