From the course: Creating a Responsive HTML Email

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Exploring alternative layouts

Exploring alternative layouts - HTML Tutorial

From the course: Creating a Responsive HTML Email

Exploring alternative layouts

So now that we've completed this particular layout. The next thing I'm sure you'll want to do, is start building some of your own layouts. So, I want to take a few minutes here and explain, why I've put some of these things together the way I did. First, when we have multiple tables inside of the promos row. One of the things you might want to do is add more tables inside of this area. Now the reason I put two tables inside of each row, is because some olders browsers won't support a clearing tag. So, if your two tables are not the same height, so for example, if this second table here is a little bit smaller because there's less text or a smaller graphic. What that's going to do in older email clients, like Outlook, is allow the third table to float up next to the first table, sort of underneath the second table. And then that will allow the fourth table to move to the left position So, this is not the desired layout. So, if you want to add more tables inside of that row I recommend…

Contents