2 images par ligne

[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 :

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

au lieu de

Code :

.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 :

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 :

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]

Envoyé par kirua99

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...