outlook - height in Html email: td with image beside td with background-color -


i built html document newsletter send outlook 2013. here html fiddle

when try send outlook background color td crossing boundaries of top , bottom row.

can know how solve problem?

here prtscreen of problem:

enter image description here

well first things first - sending email out of outlook going ruin code. outlook rewrites wordhtml. there no if, ands or buts it, going happen insert html new email. includes strip out media queries, responsive design gone. highly recommend using email client can send html emails (e.g. thunderbird) or esp (e.g. exact target, mail chimp) send out.

now issue asking about. issue padding have on td. remove padding , fits. if want padding on left , right, use "padding-left" , "padding-right" only. recommend having bg run behind image if height of td increased due variance of rendering across email clients, makes border instead of mistake.


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -