Une image en dessous d'un texte

En-faite, j'ai un petit problème, j'aimerais mettre une image en dessous d'un texte, sans qu'elle le dépasse, et je n'y arrive pas, voilà ce que ça donne:
http://img15.hostingpics.net/pics/751402help.png
Il faudrait que ça ne dépasse pas le texte en jaune: Serveur Minecraft blablabla. Enfin si, il faut que ça dépasse, mais juste pour une marge de 20px environ.
Bref, merci à ceux qui vont essayer de m'aider :]



Désolé de te décevoir, la vie ne se trouve pas dans les Tutoriels.

2 réponses

  1. Bonjour,

    Vous seriez en HTML5, je vous conseillerai <FIGURE>

    <figure>
    <figcaption>texte en haut de l'image</figcaption>
    <img src="lien vers l'image...."/>
    </figure>

    et le CSS qui va bien:

    figure { display: block; }
    figcaption { display: block; width: 100%; text-align: center; }

    Quelques explications ici:
    http://html5.immo-scope.com/index.php?page=html5/elementFigure

    A+
    0
    1. Je suis en HTML5 je vais essayer :]

      EDIT: J'ai essayer, et ca ne marche pas :3
      J'ai peut être mal fais.
      Désolé de te décevoir, la vie ne se trouve pas dans les Tutoriels.
      0