Understand Use Of Floats : Lab In CSS Page Layouts


show more Floats: Lab provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts show less
please wait ...

Floats: Lab

Welcome to your first lab. Now in our labs you get to put what you've learned up till this point to the test. They are little different than regular exercise files, because instead of me giving you step-by-step instructions, I am going to give you the overall goals for the project, and then it's up to you to decide how to solve the problems that I give you. After you're done working on your lab, be sure to check the solutions movie that follows this one to compare your solutions to mine. So for our lab on floating, go into the 03_10 directory and open up the index.htm and the main.css file.

Now I want to preview this page in a browser and I am going to compare it to the finished version so you can see kind of what our goals are. So here's the page in its current state. If I scroll down, after the banner some things start to appear maybe not the way we want. We are still in a single-column layout. We've got these two boxes that are stacked vertically. Our Archived Galleri...

Floats: Lab
Video duration: 5m 25s 8h 57m Beginner

Viewers:

Floats: Lab provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts

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