Aligner des <div>

Voila la CSS que j'ai composé .

Code:

---

1 2 3 4 5 6 7 8 9

.lesliens { background-color:#EBE937; height : 30px; text-align : center;font-size : 20px; text-align : center;}   .accueil {background-color:#7492AE;width : 25%; height : 30px}   .cv {background-color:#005BFF;width : 25%; height : 30px}   .hobby{ background-color:#74625A;width : 25%;height : 30px;}   .formation{background-color:#746227;width : 25%;height : 30px;}

---

j'ai rentré le code HTML suivant :

Code:

---

1 2 3 4 5 6 7 8

<div class="lesliens">   <div class="accueil">ACCUEIL</div> <div class="cv">CV</div> <div class="hobby">HOBBY</div> <div class="formation">FORMATION</div>   </div>

---

Je voulais que les 4 div ( accueil , cv, hobby , formation) apparaisse cote a cote pour remplir la largeur de la page internet . Au lieu de cela ils sont empilés les uns sur les autres .....:aie:

Comment faire en sorte qu'ils soient l'un a coté de l'autre ?:roll:

Ou y a t il une methode plus simple pour y arriver (en utilisant les div)?8O

Merci d'avance !!! :P

Salut

1. Pense a mettre la balise code
2.Pour aligner tes divs, il suffit de mettre la propriété float :D

Ce qui donne :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

.accueil { background-color:#7492AE; width : 25%; height : 30px; float:left; } .cv { background-color:#005BFF; width : 25%; height : 30px; float:left; } .hobby { background-color:#74625A; width : 25%; height : 30px; float:left; } .formation { background-color:#746227; width : 25%; height : 30px; float:right; }

---

Que dire , si ce n'est que cela marche !!!

:merci: