Open Laboratory for Technocrats

Grab the developer role, learn concepts & prepare with senior software engineers to get solutions for problems in a software job. Coding and Programming Solutions crafted for you.

Removing Gaps Under Images while Slicing for Email Campaigns


 
Running an email campaign for your business and making things looking good with the efforts of images buy the designer and it looks awesome and then you are ready to go for the trial email to test everything in working fine.

And the test begins .... ohhhhh it's taking some long to load the image on the email client or so.

We can figure a solution for this problem as "Image Slicing"

After figuring the image thing with the help of designer now the next thing will hit you on your next run of the test email.

Oh, bizarre why are this empty spaces are there in the images, I didn't put any <br> tags over there.


Its a known issue nowadays with the email campaign and we can solve it easily with the inline styles as putting style="display:block;" but make sure that you are using the alignment of the page as left otherwise things may look wired.

If you are going for centred alignment then you might better not to use this as it happened to me but it was just as another case.

Although we can also use the inline styling as margin-top:10px; or whatever the spaces that we need to manage.

More can be grasped at here

Comment if faced any issue.

#Cheers for learning

Top #3 Articles

Most Read