Join Eric Meyer for an in-depth discussion in this video Creating the sidebar form, part of CSS Web Site Design.
- View Offline
- Exercise Files
So now we have the sidebar sitting in place on the right side, where we want it, and we've done some basic styling.…Now it's time to start adding the boxes that are part of the design over here, these are sort of dark grayish boxes that need to be in place.…The way to do that is in the sidebar, there are actually each of the sections of the sidebar…that correspond to these boxes, is just enclosed in a div.…This makes sense, because div stands for division and these are divisions of the content in the sidebar.…The visual separation of putting them in boxes, implies the structural separation.…
They are in separate divs, so…we have these divs, we're just going to give them backgrounds…of 3A3C2D in this case and foreground, white foregrounds…and a little bit of padding around the sides, at least the sides in the bottom of 1em on the sides in the bottom to…push the content away from the edges of the blocks. The one place where we do want to do that, we do want any top padding…because if we did that, then that would push…
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.