Bonjour. Je suis en train d'apprendre le html et css, et je voudrais savoir comment mettre un menu pour qu'il soit horizontal? je mets le code html et css ci dessous:

code html;
<div class"menu_horizontal"
<ul>
    <li><a href="accueil.php"> Accueil</a></li>
    <li><a href="aide.php"> Aide</a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href="contact.php"> Contact</a></li>
</ul>
</div>

Code css;
#menu_horizontal {
  display:block;
  position:absolute;
  background-color:#CCFFCC;
  color:#000000;
  width:0 auto;
  height:50px;
  padding:10px;
  margin:10px;
  list-style-type:none;
  text-align:center;
  border:solid;
  /*pour avoir un effet "outset" avec IE :*/
  border-color:#DCDCDC #696969 #696969 #DCDCDC;
}

Merci pour votre aide et à plus.

re.Merci KB, j'avais déjà vu cela. J'ai réessayé et le résultat est nul car j'ai toujours le menu en vertical. Je pense qu'il manque quelque chose et je ne sais pas quoi, peut-être "display:inline;" regardes le code css:
ul#menu_horizontal {
width : 600px;
height : 30px;
margin : 2em 0 0 0;
padding : 0;
background-color : #f4f9fd;
border : 1px dashed black;
list-style-type : none;
}

ul#menu_horizontal li {
padding : 0 0.5em; 
line-height : 30px;
}

ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px dashed black;
}

ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
}

ul#menu_horizontal a {
color : black;
text-decoration : none;
padding : 0 0.5em;
font :  0.8em "Trebuchet MS";
}

ul#menu_horizontal a:hover { text-decoration : underline; }

ul#menu_horizontal a img {
border : none;
padding :  0 0.3em;
}

le code html:
<link rel="stylesheet" media="screen" type="text/css" title="index" href="stylecss.css"  />

<ul id="menu_horizontal">
<li class="bouton_gauche"><a href="#"><img src="accueil.png" alt="accueil" />Accueil</a></li>
<li class="bouton_gauche"><a href="#"><img src="news.png" alt="news" />News</a></li>
<li class="bouton_gauche"><a href="#"><img src="livredor.png" alt="livre d'or" />Livre d'or</a></li>
<li class="bouton_droite"><a href="#"><img src="team.png" alt="admin" />Admin</a></li>
<li class="bouton_droite"><a href="#"><img src="mp.png" alt="contact"/>Contact</a></li>
</ul>

Merci pour ton aide et à plus.

Merci ,et ou as-tu mis <style></style>?

non ,c'est juste le code pour le menu. Mais le <style> t </style> tu le mets dans le code css ou dans le code html? Excuses moi mais je débute, alors je cherche en même temps à comprendre. Merci.

j'ai bien un fichier style css séparé du fichier php. Mais le menu est toujours vertical quoique je fasse.Cela me gêne car je veux mettre un autre menu vertical à gauche de la page index.
En plus lorsque je place le code pour la connexion celui-ci est vertical et je voudrais le mettre horizontal au bout du menu horizontal ou au dessus de l'image d'en-tête. Comment faire?
Au dessous de l'image d'entête je voudrais placer mon code de traduction du site.
Merci.

J'ai pas d'url de teste car je fais en local avec easyphp., mais je peux t'envoyer les pages de code en MP si tu veux, car je voudrais pas les mettre ici.j'espère que tu comprends pour la confidentialité. Merci.

9a fonctionne pas webvitrine. Merci.

Soit tu es sur ton cache navigateur.
Soit ton fichier css n'est pas relié à ta page.
ou soit tu as une propriété qui pose problème.

display : block avec un alignement float : left positionne tes "li" sous forme de bloc flottant à la suite des un des autres.

display : inline affiche tes li en ligne.

C'est du basic en CSS.

Copie colle l'intégralité de ta page et de ton fichier css