mercredi 7 mars 2012

Marge inférieure des images

Quand on insère une image, Blogger ajoute en général des marges. Il suffit de cliquer sur "Modifier le code HTML" pour s'en rendre compte. Pour celle du bas, elle est de 1em ce qui peut paraître exagéré. On peut, il faut le savoir, modifier cette marge à 0em ce qui la réduit un peu. Personnellement, j'attribue entre 0 et -1em . On peut donc utiliser une valeur négative margin-bottom: -0.5em;. Attention, dans -0.5, il faut utiliser un point et non pas une virgule (système anglo-saxon).
Voici le code de ce post (la marge "bottom" (bas) est en rouge):

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-PUBBT3pL4CA/T1d-p0t_TOI/AAAAAAAADvg/g4jz2IiKVOw/s1600/violence-dans-les-lycee-300x262.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: -0.5em; margin-right: 1em;"><img border="0" height="153" src="http://4.bp.blogspot.com/-PUBBT3pL4CA/T1d-p0t_TOI/AAAAAAAADvg/g4jz2IiKVOw/s200/violence-dans-les-lycee-300x262.jpg" width="200" /></a></div>
Quand on insère une image, Blogger ajoute en général des marges. Pour celle du bas, elle est de 1em ce qui peut paraître exagéré. On peut, il faut le savoir, modifier cette marge à 0em ce qui la réduit un peu. Personnellement, j'attribue -0.2em. On peut donc utiliser une valeur négative. Attention, dans 0.2, il faut utiliser <b>un point</b> et <b>non pas une virgule</b> (système anglo-saxon).<br />
Voici le code de ce post (la marge "bottom" (bas) est en rouge):<br />
<br />
Attention! Ca ne fonctionne pas avec tous les modèles... Sur celui-ci, par exemple les valeurs décimales ne semblent pas être prises en compte alors que -1em fonctionne. A la place des "em", on peut aussi utiliser d'autres unités de mesure comme les pourcentages (%) et probablement les px (pixels). Sur un des autres blogs, les valeurs de type -0.2 sont prises en compte.

Aucun commentaire:

Enregistrer un commentaire