Mettre une image dans une description

2 participants

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

Résolu Mettre une image dans une description

Message par CedriicM Jeu 12 Avr - 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:

Mettre une image dans une description Captur10

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

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

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 Jeu 12 Avr - 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
avatar

Matriochka
Membre actif

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 Jeu 12 Avr - 21:00

merci beaucoup, je vais essayer tout de suite Smile
CedriicM

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 Jeu 12 Avr - 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

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 Jeu 12 Avr - 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
avatar

Matriochka
Membre actif

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 Ven 13 Avr - 14:46

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

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

- Sujets similaires

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