Salut, Salut à la population

http://jvcommunity.alwaysdata.net/

Vous pouvez voir que le menu est très moche (manque de design, mais c'est que le début et ça sera corrigé très vite).
Ce n'est pas le problème, j'aimerais que le Communauté soit à coté d’accueil et que le "A propos" soit à coté de communauté mais je ne sais pas comment faire avec le CSS, je vous donne le code HTML pour voir si ça ne vient pas d'ici

<div id="menu">
<ul>
<li>
<a href="#">Acceuil</a>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<ul>
</li>
</ul>
<ul>
<li>
<a href="#">Communauté</a>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<ul>
</li>
</ul>
<ul>
<li>
<a href="#">A propos</a>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<ul>
</li>
</ul>
</div>

Le CSS

1. menu ul

{
margin: 0;
padding: 0;
line-height: 30px;
}

1. menu li

{
list-style:none;
float: left;
position: relative;
background-color: #FFF;
}

1. menu ul li a

{
color: #000;
text-decoration: none;
width: 150px;
height: 31px;
display: block;
text-align: center;
border: 1px solid #000;
text-shadow: 1px 1px 1px #blue;
}

1. menu ul ul

{
position: absolute;
top: 30px;
visibility: hidden;
}

1. menu ul li:hover ul

{
visibility: visible;
}

1. menu li:hover

{
background-color: #FFF
}

1. menu ul li ul a:hover

{
color: #FFF;
background-color: #000;
}

Merci bien

Encore toi
Ta structure est pas bonne, avec tes ul dans des ul dans des li...C'est le bordel.
Préfère quelque chose du genre :

<div id="menu">
<ul>
<li><a href="#">Acceuil</a>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
<ul>
<li><a href="#">Communauté</a>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
<ul>
<li><a href="#">A propos</a>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>

Ensuite avec un display: inline-block sur les ul ça devrait le faire.
Petite remarque aussi, préfère un display none au lieu d'un visibility hidden.

Oui encore moi, ce menu me casse les cou*****, donc, je vais essayer ton code et modifier tout cela et te dire si ça marche

A, merci, ça marche mais le menu est toujours buggé

Mets ton inline-block sur les ul uniquement. Tu le vires des li, ainsi que le float left. Ca devrait marcher.

D'accord, je testerais ça

Bref, j'ai fais des copier/coller sur le Site du Zéro, mais ce qui compte, c'est que j'ai essayé !

Au lieu de mettre un "<div id="menu">" met ton id directement sur le <ul>..
<ul id="menu">

Une personne pourrait me dire comment je peux continuer le menu sans qu'il y a les liens.
Regardez cette image qui montre un peut près ce que je veux

Avec les liens "Acceuil" Communauté,... centré sur la barre ! Je suis nul en CSS donc bon

Envoie ta fiche de style CSS

Tu utilises un doctype HTML5, et la balise <center> n'est pas supportée en HTML5.
Si tu veux centrer du texte : text-align:center; en CSS.
Ou pour centrer une div : déclare une largeur en CSS (width) et met lui des marges extérieures gauche-droite en auto (margin:0 auto;).

Pour ton menu, met ton <ul> dans une div <nav>, et donne lui une largeur, une couleur de fond et des marges externes gauche et droite en automatique pour le centrer

<center>Marche toujours en HTML5, je crois </center>

Non, ça ne marche pas comment je dois faire ! SVP