Join Eric Meyer for an in-depth discussion in this video Margin collapsing, part of CSS Web Site Design.
- View Offline
- Exercise Files
In this video we're going to take just a minute to talk about the process of…margin collapsing. It probably sounds very boring or alternatively perhaps catastrophic but it's really neither.…This is a process by which margins are…in a sense, combined in order to provide the layout source flats that we might expect.…The first thing we're going to do actually…is get rid of the margin on paragraphs, simple enough,…we're just going to say no margin on paragraphs,…and if you look at the paragraphs in this main content, where…the image has been removed in order to make this little easier to understand. Watch what happens to the paragraphs when we hit Reload.…
They all jam up together. There's no space between paragraphs anymore because the quote and quote blank line between paragraphs has nothing to do…with line feature, character change or anything like that, it's a margin,…it's a margin effect,…by default paragraphs have 1em of top and bottom margin.…So we have no margin here. …Let's put in some padding. I said before that by default paragraphs of have 1em of…
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.