Bonjour, je n'arriv pas à aligner trois images, les unes à côtés des autres. J'ai utilisé le HTML suivant :



Merci

Salut a toi

essaye avec ca :

.
Si le retour à la ligne persite, insere un éspace insécable entre chaque image ( ).

Sinon, mets les deux premières images en float:left.

voilou

Et comme ça?

Ah ben ouais, ça marche comme ça aussi mais les images sont collés. Comment fait-on pour les décoller ?

Met des " " entre les images.

Ou utilise les marges CSS.

Hello.
J'ai essayé différents trucs pour aligner 2, 3, 4... images, puis finalement je suis tombé sur cette solution là:


Les padding sont là pour éviter que les images se collent, le border, ben c'est temporaire, juste pour voir ce qui se passe...

Puis dans ton code xhtml:


Pour moi, centrage et marges sont dans un autre div... Ajoute-les pour toi si besoin...

Maintenant, ce qui m'inquiète un peu c'est que je ne suis pas sûr que cette solution soit dans l'esprit des css. En effet, j'ai l'impression de revenir aux mises en page à grands coups de <TABLE> <TR> et autres <TD> d'il y a quelques années...

Cependant, cette solution a l'avantage de bien survivre aux redimensionnements de la fenêtre... Et puis, il y a un seul code pour toutes les images.

EDIT: Bon... je me doutais bien qu'il y aurait une astuce... ça va bien en FF mais IE n'en fait qu'à sa tête.... donc, retour à la case départ, désolé.

Salut, si tes images ont des dimensions identiques:





Cela devrait fonctionner

Merci beaucoup, ça marche

Alors, mets un petit "résolu"... Histoire qu'on vienne pas voir ton sujet pour rien

Le problème avec ce code, c'est qu'il va mettre la même marge sur toutes tes images...

Re,
Il faut définir une classe pour les images. C'est sûr que sinon, si la sélection n'est pas plus précise, ça risque effectivement de poser certains problèmes.

Au fait, je rappelle que les images sont de type en-ligne, et que par conséquent, leur alignement ne devrait pas être sujet à bricolages.

Salut,

Citation : Oylex

Le problème avec ce code, c'est qu'il va mettre la même marge sur toutes tes images...

Je ne comprends pas le problème, le but recherché était bien que les images soient alignées

Citation : Oylex

leur alignement ne devrait pas être sujet à bricolages.

Pourrais tu m'éclairer un peu car je comprends plus .
Merci

Ton code va mettre effectivement une marge sur ces images, mais s'il en à mis d'autres images (par exemple un smiley), elles vont aussi avoir la marge de 5 px (ce qui est énorme pour un smiley...), car tu as défini la marge pour la balise img, donc toutes les balises img auront cette marge.

Il faut alors mettre une classe sur l'image comme atlyric le dit:

.tomes img{
marge: 5px;
}

OK, OK,OK j'ai lu un peu trop vite et en effet vous avez raison! Ce n'était qu'un exemple, bien sur qu'il faut adapter selon l'utilisation.

Autant pour moi.