From the course: Creating a Responsive HTML Email
Styling the table row for the footer - HTML Tutorial
From the course: Creating a Responsive HTML Email
Styling the table row for the footer
Now to work on the footer let's scroll down. Let's find our last table row here. Let's go into the exercise files. Let's open g-footer-row. At the top of this snippet let's come in here and copy the TD tag. Switch back to e-mail.html. Replace the first TD with this. Let's hit a Return, let's tab it, add content inside of the TD. Let's come back to the footer row snippet. Let's come down here and copy all of the content. So we have a copyright and maybe some sample text you might have inside of your message. We also have some links to privacy and unsubscribe, with inline styles, coloring those black. Let's copy this to the clipboard. Switch back to email.html and let's hit paste. Let me format this a little bit. So now this in place let me hit file save, let's come back out look at this in a browser. And if we scroll down to the bottom we can see the photo content in place. So now inside of the footer row, we have the TD set to the same background color as the table that centers our entire email. Which is also the same color that we put into the body background. So now that the entire structure for our emails in place, next we're going to go back and style some of our anchor links to look like buttons.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Setting up the base layout structure3m 36s
-
Styling the table row for the logo2m 24s
-
Styling the table row for the headline2m 32s
-
Styling the table row for the banner and content2m 51s
-
Styling the table row for the promos2m 55s
-
Styling the table row for the callouts2m 47s
-
Styling the table row for the footer1m 10s
-
-
-
-
-
-