Comment réaliser un bloc d'illustration avec une image et une légende qui respecterait les deux critères suivants: premièrement, le bloc doit s'adapter à la largeur de l'image; deuxièmement, le texte donné en légende ne doit jamais dépasser l'image en largeur, et passera sur plusieurs lignes si nécessaire.
La solution de facilité serait de figer la largeur du bloc et de travailler toujours avec des images de mêmes dimensions. Mais les CSS nous permettent de faire preuve d'un peu plus de subtilité.


Adapter une légende à la largeur de l'image (source : Alsacréations).

Commenter ce tutoriel ou demander de l'aide

Les meilleurs tutoriels "CSS"

Fil RSS des nouveaux tutoriels "CSS"

▶ Tutoriels similaires :

• Découvrir la syntaxe d'une règle CSS (Developpez.com)
• Se familiariser avec les feuilles de style (CSS) (Developpez.com)
• Créer un menu vertical avec une liste et du css (Rodrigue Hunel)
• Créer une barre de progression animée en CSS (Rodrigue Hunel)
• Créer une popup CSS du même style que Ligthview (Rodrigue Hunel)

Livres en rapport avec l'intégration web :

Tous les livres en rapport avec l'intégration web

▶ Votre commentaire :

Ce tutoriel vous a-t-il été utile ? Vous avez besoin d'aide ? Vous avez des idées d'amélioration ? N'hésitez pas à demander de l'aide et à aider les autres ! Chaque commentaire jugé constructif vous rapportera 30 points contributeur.