Sauts de ligne non désirés

[OTP]

Bonsoir,

Sur cette page : -http://www.thewindpower.net/twp2/photos-eolienne-171-enercon-e66-2.0.php , je désire que les photos soient alignées sur 3 colonnes (donc 3 photos par ligne).

Actuellement, elles sont par trois, mais verticalement. Un peu comme si elles étaient séparées par des <br />. Mais il n'y en a pas !

Si quelqu'un peut m'expliquer comment résoudre ce problème...

Merci d'avance,

Michaël

 

[Pot de yahourt]

tu veux pas mettre ça dans une <table> .... </table> :?:

 

[Pot de yahourt]

Et dans ta css ça dit quoi ? Car en la desactivant, c'est nickel en terme d'alignement...

 

[OTP]

Pour la table, je préfère éviter.
Ben la CSS, je ne sais pas trop ce qu'elle dit. Enfin, je ne vois pas quoi peut justifier cet effet.

 

[Vap]

Il faut que les liens contenant tes images aient comme style

display: block; 
float: left;

pour qu'elles s'alignent horizontalement. Il faut que tu crée une nouvelle classe de liens pour cela.

Ou alors tu met cette classe de lien en

display: inline;

Ce qui est le CSS par défaut. C'est pour cela que quand on désactive le CSS tes images s'alignent bien. Mais dans ce cas tu pourra difficilement réler la marge entre deux images successives, c'est pour cela que la première méthode est conseillée.

Et surtout, ne pars pas sur une mise ne page à base de table...

 

[Pot de yahourt]

Et surtout, ne pars pas sur une mise ne page à base de table...

Pour ma culture personnelle, pourquoi pas de table ?

 

[Vap]

Et surtout, ne pars pas sur une mise ne page à base de table...

Pour ma culture personnelle, pourquoi pas de table ?

Parce que tu dois refaire la table si tu change le nombre d'images par exemple.

Avec une mis een page CSS, pas besoin de changer la structure HTML de la page pour changer sa mise en page.

C'est une sujet pas mal débattu, regardes par exemple http://www.alsacreations.com/ et en particulier

http://css.alsacreations.com/Faire-une- ... s-tableaux

Vap

 

[Pot de yahourt]

ok merci :wink:

 

[OTP]

C'est bon, c'est résolu, merci ! (méthode 1)