Bonjour,

J'ai suivi ce super tutoriel pour crée un menu horizontal avec des menu déroulant(http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html), et franchement super! néanmoins, j'ai un problème et je me casse la tête depuis plus d'une heure! je n'arrive pas à mettre la taille total du menu à 980px ... dans le tuto il dit à un moment que la taille total du menu est à 725px, mais je ne vois nul part ce paramètre... quelqu'un pourrait me venir en aide?

merci

Bah il y a 5 <li> faisant chacun 144px (largeur des liens) avec une bordure droite de 1px, donc (144 + 1)*5 = 725, CQFD !

Merci pour ta reponse, neamoins chez moi je l'ai un peu adapté... j'ai 8 <li> et je souhaite que la totalité des du menu soit copris dans 980 px en tout donc j'ai enlever la bordure à droite en gros j'ai fait:

html>body #menu li
{
border-right: 0px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

et pour la taille j'ai fait 980/8= 122,5

donc j'ai adapté à ca: #menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
/*background : #000; couleur de fond */
background-image:url(../image/menu1.jpg);
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width: 122.5px; /* largeur */
}

néamoins il me met la suite de 2 <li> en dessous dans une 2 eme ligne...

Réfléchis à ce qu'est un pixel et pourquoi une valeur décimale est déconseillée

c'est pour cela que je l'ai fait en pourcentage, même probleme...

Et même cause : les arrondis. Il va falloir que tu testes en réduisant progressivement la taille, sans oublier que le résultat peut varier d'un navigateur à l'autre..!

que veux tu dire par les arrondis? Pour moi ce qui est le plus genant pour le moment c'est que je n'arrive pas a caser tout le menu dans 980 px...( qui est la taille de mon div id=conteneur...

Quelqu'un pourrais m'aider? Merci

Quand tu spécifies une largeur en pourcentage il y a de très fortes chances que le résultat soit un nombre décimal de pixels. Selon le navigateur (d'après ce que j'ai pu observer) l'arrondi ne se fait pas de la même manière : soit entier supérieur soit inférieur. S'il y a assez d'arrondis supérieurs la largeur effective peut dépasser la largeur demandée, ce qui provoque le retour à la ligne du dernier bloc.
Je t'ai donné la solution dans mon précédent post. Mais si quelqu'un en a une meilleure je suis preneur.

Oula ca va être chaud à tester ca! bon merci je vais essayer de voir...

A propos personne n'aurais une manière plus simple de tout casser dans 980px?

Merci encore!

Tu vas avoir 5 valeurs à tester (122, 122.1, ...), j'appelle pas ça compliqué moi !
Ca devrait prendre environ 1 minute à tout casser.