Join Chris Converse for an in-depth discussion in this video Styling the table row for the promos, part of Creating a Responsive HTML Email.
Now we're going to work on the rows that hold the promos.…So let's come down here and let's find the next row, the next TD,…let's open up our snippets. Let's find d-promo-row.html.…Inside of here at the top we're going to come here and copy the TD, let's copy that…to the clipboard. Let's switch back to email.html.…Let's select and replace the first td with what we just copied.…Hit a line Return.…And what we're going to do inside of here is add an additional table.…
As we talked about earlier…in responsive design with tables.…We cant manipulate or move tds around without having…them be in relationship to the rest of the table.…Now in order to have our promos change position, we're…going to need to put the individual promos in their own table.…As we talked about earlier, the responsive nature using tables means we have to…wrap each of our elements in a single-cell table in order to manipulate them.…So what we're going to be doing in three different cases…here, is we're going to be taking an individual table and…
This course was created and produced by Chris Converse. We are honored to host this content in our library.
- Creating the graphics
- Setting up the base layout structure
- Styling the table rows for the headline, banner, etc.
- Creating buttons
- Adding CSS media queries
- Styling the content
- Incorporating animation and web fonts
- Validating your code
- Testing in various email clients
Skill Level Beginner
Q: What are the sizes of the images used in this course?
Q: This course was updated on 11/26/2013. What changed?
A: We added two new movies to Chapter 5, "Adding HTML5 video into HTML email" and "Encoding and embedding base64 images."
Q: This course was updated on 12/03/2014. What changed?
A: We added one bonus movie, "Using high-definition graphics in your HTML email."