Join Chris Converse for an in-depth discussion in this video Suggestions for BlackBerry 5 layout correction, part of Creating a Responsive HTML Email.
Now if you need your design to work in…Blackberry 5, Blackberry 5 is not supporting the media queries…but as we mentioned before the TD tags, inside…of the table rows are not extending their full width.…What Blackberry OS needs is a width setting on all of the individual TDs.…And you would need to set this on the logo row, the headline row, content.…In every row that needs to be 640.…Now the implication for this, on the responsive design aspect, is…this is another property that we're going to need to set…with our media queries.…So as you can see here, following this approach, inside…of the medium screen, we're going to need to set another…property on the td.logo, headline, content, and all of the…other rows that you're going to put the width property on.…
And you'll have to do the same thing for the small screens as well.…So this approach is going to result in…many more width properties being assigned to…your responsive rules to over ride all of the width properties on the TD tags.…So if you need to support Blackberry 5, you'll have a…
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."