Issues with Images on HTML Emails -
i'm having difficulty building html email. have converted entire email 8 row table in below order:
- header (image)
- date field
- content field
- content base (rounded bottom image)
- footer top (rounded top image)
- footer
- footer base (rounded bottom image)
as can see, 4 of these fields have image in them. i've been strict layout of table, making 550px wide, images 550px wide , use border-collapse on table remove appearence of field edges.
the problem i'm having fields without images in them stick out couple of pixels, i'm using rounded bottoms , tops kinda ruins layout. simple can't fathom why it's doing this.
the images added per <img>
tag , think happening it's putting spacing between edge of field , image , rest of table dependent on width of largest 1 it's pushing others out couple of pixels. struggling find solution this, i've tried lots of different things such minus margins on images , tables. can offer solutions this?
the image below demonstrates "stepping" , although minor, upon exporting outlook appears double. image starts above line "hydref 2010" -
update: used cellspacing , cellpadding commands , reduced them 0 fixed display in browser, in outlook, it's same
html emails bit "fuuuuuuuuuuuuuuuuuuuuuuuu", , leave me feeling deflated.
you have taken right approach use tables, , problem having 1 have seen before, life of can't remember how fixed it.
have tried condensing columns 1 row of markup:
<td> <img> </td>
into
<td><img></td>
ie , word terrible rending whitespace.
if fails, split columns, have spacer either side of title , col-span on main images?
Comments
Post a Comment