Join Eric Meyer for an in-depth discussion in this video Using columns, part of CSS Web Site Design.
- View Offline
- Exercise Files
So having a taken care of the…masthead and the navigation links, is time for us to turn our attention to the…main area of the layout. The content columns is what we're going to focus on first.…So switching over to the ex1004.css, I'm going to bring in the first bit of style which is…to say the main column styles here.…Float that content div left and give it a padding of…zero on the top, 20em on the right, 4em on the bottom and 3em on the left.…
If we go back and hit Reload, ok, there it is. If we scroll down we can see that there's still…the rest of the stuff that will eventually go into the sidebar, but we've set up our content column so that we get more or less our basics…in terms of layout here. Then, the next step from there, is to start with…the stuff inside that content column. So,…the h1 for example, which is the about tea history portion,…give it some margins, a backgrounds and colors and a font size, we'll take that backwards actually, the font is 1.5em, which will just…set the h1 to be one and a half times the font size of the content div font size, so that will make it half again as big as the text around it.…
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.