Join Eric Meyer for an in-depth discussion in this video Layout of the navlink bar, part of CSS Web Site Design.
- View Offline
- Exercise Files
At this point in the process of bringing the whole design together or to the point where we need to work on the navigation links…and what today's date is and so to do that I'm going to go over to…the exercise ex1003, bring in the first bit…which is to set the list items in the navigation links ordered list…to generate an inline box so it will be displayed inline and then…have right padding, and right margin and right border.…
That will help set up to the separators and the space around the separators, that we want between these links.…This way there will be the link text, three quarters of an em of padding…a one pixel border and then a half an em of right side margin,…a little extra space that gets generated by the browser to go between the list items,…once they've been set to display inline. This is just something that happens.…So it'll be about three quarters of an em of space on either side of these right borders, which act as separators. So,…if we go back to Firefox and hit Reload…there's what happens. The reason that the about us is pushed over is because of that 3em padding…
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.