Disposition images dans article worpress
Résolu
mister buzz
Messages postés
238
Date d'inscription
Statut
Membre
Dernière intervention
-
mister buzz Messages postés 238 Date d'inscription Statut Membre Dernière intervention -
mister buzz Messages postés 238 Date d'inscription Statut Membre Dernière intervention -
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?
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?
A voir également:
- Disposition images dans article worpress
- Des images - Guide
- L'url suivante, censée aboutir à un article, donne lieu à une redirection indiquant que la page n'a pas été trouvée. retrouvez la page recherchée. reportez le titre de l’article et son auteur. - Forum Microsoft Edge / Internet Explorer
- Images enregistrées - Forum Blender
- Onglet disposition excel ✓ - Forum Excel
- Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? ✓ - Forum Python
5 réponses
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 :
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;">
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 :
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" />
@Cocolabaloune m'a donné une solution mais quelqu'un pourrait-il me dire si c'est faisable en utilisant le tableau <table>?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question