Mettre une image dans une description

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre une image dans une description

Message par CedriicM le Jeu 12 Avr 2012 - 20:37

Bonsoir, je cherche depuis longtemps à mettre des images dans les desciptions de mes posts et vient tout juste d'y arriver. Cependant, l’affichage n'est pas celui que je voudrais car j'aimerai mettre de texte à droite de l'image comme sur la photo ci-après:



Effectivement, j'arrive à insérer les images mais cela me donne ceci et ce n'est pas très joli... :


En effet, pourriez-vous me montrez comment placer le texte à droite de l'image de façon à mettre l'image comme sur la 1ere photo?
merci d'avance Wink

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image dans une description

Message par Matriochka le Jeu 12 Avr 2012 - 20:58

Bonsoir,

Il vous suffit de créer un tableau tout simple, du même type que celui-ci :
Code:
<table width="100%">
  <tr>
    <td>votre image ici</td>
    <td>votre description ici</td>
  </tr>
</table>
Sachant que :
table = l’ensemble de votre tableau
tr = une ligne
td = une cellule

Dans la première cellule, vous ajoutez votre image de cette manière :
Code:
<img src="url_de_votre_image" />

Quant à la seconde cellule, elle contient votre description Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image dans une description

Message par CedriicM le Jeu 12 Avr 2012 - 21:00

merci beaucoup, je vais essayer tout de suite Smile

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image dans une description

Message par CedriicM le Jeu 12 Avr 2012 - 21:13

Cela fonctionne, merci Smile
Je voudrais simplement maintenant que le texte et l'image sois au même niveau ( là le texte est au milieu et non pas tout en haut...

Voilà ce que j'ai entré:

Code:
<table width="100%">
  <tr>
    <td><a href="http://www.servimg.com/image_preview.php?i=140&u=16186776" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/18/67/76/006des11.jpg" border="0" alt="" /></a></td>
    <td>Vous trouverez ici toutes les explications du début du jeu de rôle ainsi que le règlement et le contexte d'un RPG.</td>
  </tr>
</table>

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image dans une description

Message par Matriochka le Jeu 12 Avr 2012 - 21:17

Bien, dans ce cas, remplacez cette cellule :
Code:
<td>Vous trouverez ici toutes les explications du début du jeu de rôle ainsi que le règlement et le contexte d'un RPG.</td>

Par :
Code:
<td valign="top">Vous trouverez ici toutes les explications du début du jeu de rôle ainsi que le règlement et le contexte d'un RPG.</td>

J’ai ajouté un vertical-align (valign) qui vous permet de positionner votre texte Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image dans une description

Message par CedriicM le Ven 13 Avr 2012 - 14:46

Merci beaucoup, j'essayerai dès que possible Smile

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum