Discussion :

[tigolan]

Bonjour,
Je suis entrais de concevoir un site dynamique sous wordpress nommé veafrique.istakara.org
J'ai des difficultés à élaborer une table de 5 colonnes qui doit supporter des images de dimensions différentes. J'ai dû faire référence au tableau intitulé: EN DIRECT DU TERRAIN de la page d'accueil de SOLIDARITES International dont le site est: https://www.solidarites.org/fr/
Voici le code en html ci-dessous

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table border="2" width="1235" cellspacing="3" cellpadding="3" align="center" bgcolor="ffffff"><colgroup> <col style="background-color: #ffffff;" span="1" width="930" /> <col style="background-color: #ffffff;" span="1" width="280" /> <col style="background-color: #ffffff;" span="1" width="260" /><col style="background-color: #ffffff;" span="1" width="270" /> <col style="background-color: #ffffff;" span="1" width="260" /><col style="background-color: #ffffff;" span="1" width="290" /> </colgroup>
<tbody>
<tr>
<td rowspan="2" width="630" height="300"><img class="aligncenter size-full wp-image-2168" src="http://veafrique.istakara.org/wp-content/uploads/2017/07/Diaporama-VEA.gif" alt="" width="630" height="410" /></td>
<td colspan="2" width="410" height="190">*<img class="aligncenter wp-image-2709 size-full" src="http://veafrique.istakara.org/wp-content/uploads/2017/07/ParrainageVEA_400x200.jpg" alt="" width="400" height="200" /></td>
<td width="205" height="205">*<img class="aligncenter wp-image-2922 size-full" src="http://veafrique.istakara.org/wp-content/uploads/2017/07/renovation-classe_276x260.jpg" alt="" width="276" height="260" /></td>
</tr>
<tr>
<td width="205" height="205"><img class="aligncenter wp-image-2953 size-full" src="http://veafrique.istakara.org/wp-content/uploads/2017/07/parrainage-bénévolat_205_250.jpg" alt="" width="205" height="250" /></td>
<td width="205" height="205"><img class="aligncenter wp-image-2955 size-full" src="http://veafrique.istakara.org/wp-content/uploads/2017/07/projet-CMS_205x250.jpg" alt="" width="205" height="250" /></td>
<td width="190" height="190">*<img class="aligncenter wp-image-3032 size-full" src="http://veafrique.istakara.org/wp-content/uploads/2017/07/don-noépé_205x200-1.jpg" alt="" width="205" height="200" /></td>
</tr>
</tbody>
</table>

Je vous prie de m'aider à élaborer ce tableau.
KOLANI

[mathieu]

l'affichage sur le site solidarite.org n'est pas un tableau mais un effet responsif qui affiche les éléments en les réorganisant en fonction de la largeur de la page

cet effet est fait en JavaScript. vous pouvez voir des exemples là : https://masonry.desandro.com/