Une image en dessous d'un texte

ThePico20 Messages postés 110 Date d'inscription   Statut Membre Dernière intervention   -  
ThePico20 Messages postés 110 Date d'inscription   Statut Membre Dernière intervention   -
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. mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   1 343
     
    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
  2. ThePico20 Messages postés 110 Date d'inscription   Statut Membre Dernière intervention   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