Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design HTML Email Design Designing Email with CSS Applying CSS to the Content Blocks

Posted by justinpetersen
justinpetersen
2,234 Points

Mysterious 4px bottom padding being added to the hero image banner td container

I have been using the Template named stage_4.3_final_email_css_inlined that is provided by this tutorial. After I remove "Paste your HTML in here and click Convert It!" text that is before the <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> a mysterious 4px bottom padding is added to the hero image banner td container. Does anyone have a fix for this issue?

Thank you!

Justin

1 Answer

justinpetersen
justinpetersen
2,234 Points
justinpetersen
justinpetersen
2,234 Points

My friend found a solution to this problem, just add vertical-align:top to the style="" tag in the td tag. Problem solved!