Ajuster une image à la largeur du contenu

18 Août 2012

Rédigé par Brunofaisart et publié depuis Overblog

Lorsque vous créez une nouvelle section "IMAGES" en mode publication, vous n'avez pas remarqué que si votre photo est plus large que la zone d'affichage de votre post que ce n'était pas tip-top?
Pour remédier à ce désagrément, ajouter la petite ligne de code ci-dessous dans votre HTML de thème juste avant la balise </STYLE> :

img.ob-cell{width:90%;}

En effet lorsque vous utilisez la section "IMAGES" du mode publication, vous ne pouvez pas choisir votre taille d'affichage comme lorsque vous insérez une image via l'éditeur texte. Cette petite ligne de code remédie à ce problème. :) .
Exemple ci-dessous ma photo insérée fait en taille 1100 pixels par 732 pixels et s'affiche pil-poil à la largeur de ma zone de contenu :

Ajuster une image à la largeur du contenu

Partager cet article

Repost0

Intégrer photos et images à un post.

Concernant les modules Newsletter et Statistiques

Commenter cet article

dominique

20/08/2012 09:10

intéressant ce sujet, mais qu' appelez vous HTLM de thème...? est ce l' HTLM de l'article où figure l'image ? (là je maitrise) où est ce à un autre emplacement du blog (de sa conception), comme pour ceux qui ont modifié leurs codes CSS ? désolée mais cela fait un moment que j'aimerai enfin y comprendre quelque chose à tous ces codes pour enfin faire un blog à mon goût, mais je me heurte à un langage de connaisseurs parfois pas si simple et ce malgré mes efforts...merci à vous

Répondre