Join Eric Meyer for an in-depth discussion in this video Creating a navbar from a list, part of CSS Web Site Design.
- View Offline
- Exercise Files
So in this movie we're actually going to take a look at how we can change the kind of display role elements can have.…That may sound a little abstract. Let's make it concrete. The…nav bar you can see here, actually is gone back to being an ordered list of 123456, there are six navigation links,…and we don't want it to look like that, do we? We want to be a horizontal navigation bar, and we can do that.…You can see here near the bottom of this code the ordered list with the ID of navlinks, that were the navigation links…with all the list items, and that's all cool.…
So these list items by default, generate what are known as block boxes.…A block box is the same kind of box that would be generated by a div, or a paragraph, or heading,…those sort of thing, when they go…completely side to side and they don't let any other elements sit next to them.…Hyperlinks and Spans and other such things generate what are known as inline boxes, where you can have a bunch of…them on the same line of text and there's no problem there, they are actually wrapped from line to line if necessary. So, what we want…
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.