Disposition images dans article worpress

Résolu/Fermé
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 - 16 déc. 2013 à 19:47
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 - 17 déc. 2013 à 01:17
Bonjour,

Je désire mettre des images côte à côte dans un article wordpress et j'ai utilisé le code suivant:

<table>
<tbody>
<tr>
<td><img class="alignnone size-medium wp-image-57" alt="Sans-titre-9" src="http://localhost/wordpress/wp-content/uploads/2013/12/Sans-titre-9-300x276.png" width="300" height="276" /></td>
<td><img class="size-full wp-image-60 r" style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;" alt="Sans-titre-10" src="http://localhost/wordpress/wp-content/uploads/2013/12/Sans-titre-10.png" width="198" height="179" /></td>
</tr>


Comme vous pouvez le voir les 2 images n'ont pas la même taille mais je voudrais qu'elles soient disposées à la même hauteur, ce qui n'est pas le cas. L'image la plus petite étant plus basse. Comment je peux remedier à ce problème svp?

5 réponses

Cocolabaloune Messages postés 53 Date d'inscription mercredi 27 mai 2009 Statut Membre Dernière intervention 16 septembre 2015 5
17 déc. 2013 à 00:41
Bonjour,

Si vous désirez utiliser un tableau, je vous recommande la propriété CSS vertical-align.

Voici un exemple d'utilisation pour une rangée d'un tableau :

<tr style="vertical-align: top;">
1
Cocolabaloune Messages postés 53 Date d'inscription mercredi 27 mai 2009 Statut Membre Dernière intervention 16 septembre 2015 5
16 déc. 2013 à 20:39
L'utilisation d'un tableau n'est peut-être pas le meilleur moyen d'y parvenir.

L'utilisation de la propriété "align" de la balise image serait peut-être plus judicieux :
<img class="alignnone size-medium wp-image-57" alt="Sans-titre-9" src="http://localhost/wordpress/wp-content/uploads/2013/12/Sans-titre-9-300x276.png" width="300" height="276" align="left" /><img class="size-full wp-image-60 r" style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;" alt="Sans-titre-10" src="http://localhost/wordpress/wp-content/uploads/2013/12/Sans-titre-10.png" width="198" height="179" align="right" />
0
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 1
16 déc. 2013 à 21:38
Sinon j'avoue que l'affichage en tableau est plus avantageux pour moi, est ce que ce serait possible de le faire avec?
0
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 1
16 déc. 2013 à 21:30
Salut,
ça marche mais sans "align="right".
Merci.
0
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 1
16 déc. 2013 à 22:49
@Cocolabaloune m'a donné une solution mais quelqu'un pourrait-il me dire si c'est faisable en utilisant le tableau <table>?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 1
17 déc. 2013 à 01:17
Génial, c'est bien ce que je cherchais. Merci beaucoup Cocolabaloune!!!
0