Menu horizontal sur une ligne

[marque]

Bonsoir à tous,

j' ai créer un menu horizontal avec la balise <ul id="navlist">

Jusque là rien de très original.

Depuis le site grandit et j' ajoute des onglets. le problème c'est que sur certains ordis tout tient en une ligne et sur d' autres, le menu est sur deux lignes (genre dégueux)

<ul id="navlist">
<li id="active">
<a href="pages/projects/residential.html">residential</a>
<a href="pages/projects/commercial.html">commercial</a>
<a href="pages/projects/interiors.html">interiors</a>
<a href="pages/projects/clubs.html">clubs</a>
</li>
</ul>

il doit bien avoir un petit script tout simple à ajouter pour que le menu s' adapte à l' écran et à sa résolution ?

a plus les webrankiens

[spout]

Si tu nous donnais une URL ? Car là juste avec le code HTML ça va être dur...

[strategio]

Est-ce qu'il ne manquerait pas des <li></li> dans ton menu. Un par ligne par exemple ?
Cela ne résout pas forcément ton problème mais cela serait déjà plus propre.

Est-ce que tu peux nous fournir le CSS lié à ton menu ?

[Madrileño]

Il faudrait tester avec différents navigateurs, c'est souvent le problème.

[seb2011]

Ouai... en même temps, si on utilise une liste à puce... mettons chaque élément dans un <li>:

Code: Tout sélectionner

<ul id="navlist">
<li id="active"><a href="pages/projects/residential.html">residential</a></li>
<li><a href="pages/projects/commercial.html">commercial</a></li>
<li><a href="pages/projects/interiors.html">interiors</a></li>
<li><a href="pages/projects/clubs.html">clubs</a></li>
</ul>


Et personnellement, je n’utiliserai pas le "id=active", mais plutôt une class pour éviter de doublonner un id.

Concernant la question de mise en page qui s'adapte à l'écran, tu dois passer par une feuille de style CSS... mais il faudrait l'url du site pour t'en dire plus.

Bon courage!