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.
Styling the table row for the callouts - HTML Tutorial
From the course: Creating a Responsive HTML Email
Styling the table row for the callouts
Next, we'll work on the row for the callouts. Let's scroll down. Let's find the second to last row here, the first td. Let's open up from our snippets folder. The e-callout-row file. At the top, let's come up and select the td tag. Let's copy that. Go back to our e-mail.html. Let's replace the first td, in the second to last row with that td. So that return, at this base. Let's come back to our e call out row, that HTML file. Inside here we have the markup for one of the promos. So just like in the last movie, we're going to take each individual callout and make them separate tables. So, let's copy that entire call out one to the clipboard. Switch back to our email.html. Let's paste that inside of the td. I'm going to come up here and format that a little bit. So now with that in place, we need to add three additional call outs. Let's come back to our exercise files. Let's open up f-callouts.html. Inside of here, I have the callouts score numbers 2,3,4. So, lets come in here and copy…
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
-
-
-
-
-
-