Join Eric Meyer for an in-depth discussion in this video Creating a footer, part of CSS Web Site Design.
- View Offline
- Exercise Files
We're going to the end of the print styling,…really the last thing that we have to do it the footer, which at the moment is just some plain text…and we'd like to make that look a little nicer.…What I have in mind is to have the footer's appearance sort of visually echo the masthead with the date over on the right side and …italicized and a solid border separating it from the rest of the document, they would just be nice to the sort of echo that in footer, …so what we're going to do in our CSS is for the footer, there's a div with an id of footer, so we'll give it a top border…1px solid and a bottom border, and a top margin to push it away from the rest of the document, I think that's often important.…
I link this text italicized and smaller and we also want to align the text to the right, so if we go back to Firefox and reload, there we have that.…The space here between the border…and the site design footer text is actually the paragraphs margin. There is the site design by Dominique Sillett and…
Skill Level Intermediate
Layouts with CSS in Dreamweaverwith Joseph Lowery3h 33m Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
2. CSS and XHTML
5. Adding Colors and Backgrounds
6. Setting Typography
7. Using Margins and Borders to Create White Space and Separation
8. Creating Tables
9. Styling for Print
10. Bringing It All Together
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.