03/07/2006 : Création - Première publication. 07/07/2006 : Ajout lien pour contribution.

Mettons nous en situation :

Vous venez de rédiger un article sur le Beach Volley et voilà qu'il vous passe une idée saugrenue par la tête. Vous venez de décider de terminer cet article par une petite photo et la mention "Le Beach Volley, c'est cool...".

Voici le résultat à obtenir :

Le beach volley, c'est cool !

Problématique :

Nous souhaitons avoir le même résultat dans tous les navigateurs, c'est-à-dire que :

• L'image doit être parfaitement centrée dans la boite et être affichée en totalité;
• Le padding (espace intérieur) autour doit être de 10 pixels;
• La boite contenant l'image doit être centrée dans la colonne et affichée en totalité;
• La bordure doit être de 1 pixel et être visible pour les 4 côtés.

Nous n'utiliserons pas le bot mosimage dans cette démonstration.

Tout doit être fait en CSS. Seul l'attribut style est autorisé dans les balises autres que la balise image.

Nous vous invitons à expérimenter cette démonstration par vous même avec une installation locale du CMS Joomla!.