Join Eric Meyer for an in-depth discussion in this video Completing the sidebar, part of CSS Web Site Design.
- View Offline
- Exercise Files
For this video we're going to clean up the tea of the day content a bit.…It's ok as it is, but we can make it a little bit better and more importantly…bring it into line with what the designer has asked to do,…so in our ex1008.css, I'm going to add in a little something for the tea of the day. This will…get rid of the margin on the tea of the day h4, which is the Labrador t heading.…Get rid of the margins, except for a 0,5em…bottom margin and then some 0,5em top and bottom padding,…a solid white one-pixel bottom border and by saying font-weight normal,…we'll remove any boldfacing that might be inherent from the browser styles, so if we hit Reload, there you go.…
The lack of margins has caused it to move up closer and other content around it to move closer to it…and bottom padding and bottom margin keep things from crowding that bottom white border too much.…Now here's a little bonus thing for those of you who have come through to this particular exercise, a pseudo-element selector.…Here, inside the tea of the day div,…
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.