Issues with Images on HTML Emails -


i'm having difficulty building html email. have converted entire email 8 row table in below order:

  1. header (image)
  2. date field
  3. content field
  4. content base (rounded bottom image)
  5. footer top (rounded top image)
  6. footer
  7. 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" -

alt text

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

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

jquery - appear modal windows bottom -

c++ - Compiling static TagLib 1.6.3 libraries for Windows -