Page récalcitrante au CSS.

Bonjour à tous !

J'ai une feuille de style qui permet d'aligner 5 images et 5 autres en dessous, le CSS fonctionne sur plusieurs pages sauf 1... j'ai beau chercher, je ne vois pas où peut être le problème, le code html est le même ainsi que le CSS bien sûr, la taille des images est quasiment égale aux autres... j'ai tenté de diminuer la taille ou de les augmenter, rien les images refusent de se caler comme les autres.
Il y a un décalage étrange... si je met un float:right, là tout s'aligne presque... mais c'est étrange ne trouvez vous pas ???

voilà la page incriminée : n'y comprend goûte...

voilà la bonne mise en page : comme ça devrait être

C'est a cause du texte sous les images. Je m'explique :
tes div class="tout-horizontale" sont en float:left mais tu remarqueras que sur la premiere ligne de 5 images, l'avant dernière a un texte sur deux lignes. Ainsi elle est un peu plus haute et du coup, ta 6eme image se met en float : left par rapport au bord droit de la quatrieme image.

La solution pour bien afficher tes images serait d'entourer les 5 premières images par une div puis les cinq suivantes aussi , etc...

;)

Wou... merci pour les explications, mais alors pourquoi ce probleme ne s'est pas déclenché sur cette page : pourquoi elle est bien celle là ?

concernant la div qui engloberait les 5 premieres photos, ça va être dure... car le site est dynamique, j'ai 1 page html qui peut afficher soit 4 soit 9 images...

je ne vois pas comment faire :(

merci pour ta réponse :)

si si, ça ferait la même chose si la quartième image (où le libellé est "paysage") avait un libellé sur trois ligne.

Une solution pour toi est de fixer la hauteur de ta classe "title-rubrique" mais bon c'est jamais top de fixer une hauteur.

En tout cas, pour que ton affichage fonctionne bien, il faut que toutes tes div class="tout-horizontale" aient au final la même hauteur pour que la ligne du dessous commence bien tout à gauche.

;)

:ccool:

un GRAND GRAND merci, vraiment c'était tout bête mais en plus d'une solution tu m'as apporté des explications ! :mouarf: Merci encore :ccool:

bonne continuation :mrgreen: