Join Eric Meyer for an in-depth discussion in this video Defining masthead and navbar colors, part of CSS Web Site Design.
- View Offline
- Exercise Files
Building on the state of things from the end of the previous video.…We are going to add more styles to this particular stage of the Javaco.…Here, I have ex1002.CSS opened up and we're going to start dragging in the first fragment for the second exercise. This is where we're going to…start the masthead styles. What we have here is we're saying for the masthead give it a bottom margin and a little bit of top padding . The…reason for that is to contain any margins of elements that might be inside of it,…otherwise they would stick out of the top and do strange things and then set a background color. That's pretty straight forward and if we save that,…I'm going to the web browser and reload and there were some minor changes there.…
We'll bring in homelink. Now this is the styling of the a element that links to the homepage of the Javaco site.…And that's what surrounds that the Javaco tea image, that's in the masthead. So with this, we actually want the…whole masthead basically to be a link back to the home page,…
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.