Join Laurie Burruss for an in-depth discussion in this video Styling a footer, part of Creating a CSS Style Guide: Hands-On Training.
- View Offline
As you finish formatting the structural elements of your web page, it's a good…idea to check out the entire page and get an overall view and feeling and make…sure that all the details and all of your ideas are just as you expected them…to be. And if you see something that doesn't seem right or you don't like it,…try to think how you can make that work better. This little details add the…finishing touches that make your work stand out from others.…So I'm scrolling through the page, and the semantic markup, the formatting…appears to be the way I want it, but as I scrolled to the bottom, I'm not happy…with the way the footer looks. It's seems as though the footer is taking up too…much space. It seems disjointed. It doesn't seem like the user will grab it in…one pass. So I'm going to come down here and do a little work on that and show…you how I can clean this up and make it be more meaningful, work for the user…and visually look better. First of all there is too much space between these…two lines. I'm going to insert my I- beam in front of the date. Delete that and…
Download the exercise files from the Exercise Files tab.
- Planning a site from a blank file
- Creating and editing a style guide with just HTML
- Using the Property Inspector for text markup
- Inserting images, tables, and footers for a custom look
- Creating and editing an external CSS style sheet
- Building a custom color palette for a site
- Testing web pages in various browsers
- Styling tips for professional sites