Une image en dessous d'un texte
ThePico20
Messages postés
102
Date d'inscription
Statut
Membre
Dernière intervention
-
ThePico20 Messages postés 102 Date d'inscription Statut Membre Dernière intervention -
ThePico20 Messages postés 102 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.
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.
A voir également:
- Une image en dessous d'un texte
- Extraire texte d'une image - Guide
- Transcription audio en texte word gratuit - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Mettre un texte en majuscule - Guide
- Image iso - Guide
2 réponses
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+
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+