Discussion :

[bond70]

Salut,

http://www.macquariegrammarschool.ed...al-activities/

J'ai tout essayé pour aligner deux images par ligne. Tableau, div, bricolage...

Je n'y arrive pas. Pouvez-vous m'aider (en touchant uniquement aux xhtml, pas le css)

Merci !

[oceane751]

huuummm je pense que t'es obligé de toucher au css..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.alignleft, img.alignleft, a img.alignleft{margin: 4px 0 2px 0;}

au lieu de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.alignleft, img.alignleft, a img.alignleft{margin: 4px 14px 2px 0;}

sinon je ne vois pas comment tu pourrais faire...

[12monkeys]

Bonjour

Il suffit de faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<img scr="">
<img scr="">

Que les images se placent les unes à coté des autres, c'est le comportement normal... Encore faut-il qu'elles aient la place pour se mettre les unes à coté des autres.

Dans ton exemple elles en sont empêchées d'une part par les marges que tu fixe sur les images, et d'autre part, par la largeur des images. Réduit les et tu verras que ça passe...

[kirua99]

bonjour ,
tu peux utiliser également un tableau.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<table border="1">
<th> mes images </th>
<tr>
     <td> Image 1 </td>
     <td> image 2 </td>
</tr>
<tr>
    <td> <img src="mon_image.jpg"> image1 </img> </td>
    <td> <img src="mon_image.jpg"> image2 </img> </td>
</tr>
</table>

J'ai détaillé ce code , j'espére qu'il sera compréhensible

[12monkeys]

tu peux utiliser également un tableau.

Sauf que ce ne sont pas des données tabulaires : http://xhtml.developpez.com/faq/?pag...u_mise_en_page, donc à ne pas utiliser dans cette situation...