Ako odstrániť medzeru medzi obrázkami

Kódujete HTML mail s rozsekaným obrázkom poskladaným “dokopy” pod sebou ako dlaždice. Obrázok rozrežete len preto, že jedna jeho časť má byť jeden odkaz a druhá zasa iný. Grafikovi dizajnérovi sa nepodarilo implantovať akúkoľvek zásadu pre HTML emaily a tak je celý mailing navonok veľký obrázok. Lenže v MS Outlook sa to zdá v poriadku. Všade v poriadku. Len v gMaili je medzi obrázkami medzera. Ako ju zrušiť?

medzera

Viete, že môžete nastavovať pozadie buď celého mailu (body) a potom sa opakuje ako dlaždice. V našom prípade hlúpy nápad.

Môžete skúsiť pozadie bunky TD a tak narýchlo nakódujete parametrom BACKGROUND pozadie dvom bunkám. Nastavíte im výšku a šírku. V gMaili to krásne funguje. V MS Outlooku však nie.

Riešenie je nakoniec poruke. Potrebujete obrázku nastaviť vlastnosť display:block.

Niekde hore všetkým značkám IMG nastavíte:

img {display:block}

alebo ak to nejde, tak priamo v STYLE pre každú značku IMG.

<img style=”display:block” src=”sample.gif” alt=”sample” />

Medzera v gMaili zázračne zmizne.

Written by rony