Discussion :

[prigenty]

Bonjour,

Cela fait plusieurs heures que je cherche le moyen d'afficher des elements les uns a coté des autres et non les uns en dessous des autres:

Voici l'adresse du site: www.annecy-loc.com/index.php
Sur cette page d'accueil, plusieurs annonces sont affichées mais les unes en dessous des autres.
J'aurais aimé les mettre cote a cote

Chaque annonce corresond à une classe déja définie.

<div class="boite-annonce">
Détail de l'annonce
</div>

Comment faire pour afficher ces annonces les unes a coté des autres ???

Merci de votre aide

Yohan

[devyan]

Bonjour,

Normalement, il suffirait d'ajouter la propriété CSS "float:left;" à ".boite-annonce" ...

Cependant, cela ne risque pas de fonctionner tant que tu auras un bloc "<div class="clear"></div>" entre chaque.

devyan

[SeThYy]

Et n'oublie pas de mettre un width à tes divs, il se peut que sous certains navigateurs cela pose problème..

[polymorphisme]

Bonjour prigenty,

après avoir lu et tester les tutoriels proposés par le site de l'Open Web sur: Initiation au positionnement CSS : 1.flux et position relative

... tu pourra faire les mises en pages que tu souhaites.

[SeThYy]

Pour ce qu'il cherche à faire, je ne penses pas que les span soient une bonne solution, à moins qu'il ne veuille mettre que tu texte... Les divs sont plus appropriés, donc float: left;

[polymorphisme]

Bonjour,

Et n'oublie pas de mettre un width à tes divs, il se peut que sous certains navigateurs cela pose problème..

Au bénéfice du doute, on peut faire un peu tout et n'importe quoi comment cela.
Ce qu'il serait intéressant de savoir, c'est dans quels cas et sous quels navigateurs.

Pour ce qu'il cherche à faire, je ne penses pas que les span ...

Il est clair qu'en ayant pas lu les tutoriels, on ne peut raconter que ...

[SeThYy]

Tous mes sites étant valides W3C, je ne pense pas raconter que de la...
En ce qui concerne le "bug", j'ai le souvenir que sous IE6, un élément en float: left, sans width, cause des soucis d'affichage.