Using columns


show more Using columns provides you with in-depth training on Web. Taught by Eric Meyer as part of the CSS Web Site Design show less
please wait ...

Using columns

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...

Using columns
Video duration: 4m 49s 6h 8m Intermediate

Viewers:

Using columns provides you with in-depth training on Web. Taught by Eric Meyer as part of the CSS Web Site Design

Subject:
Web
Software:
CSS
Author:
please wait ...