From the course: CSS: Float-Based Page Layouts (2012)

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Enhancing page design: Solution

Enhancing page design: Solution - CSS Tutorial

From the course: CSS: Float-Based Page Layouts (2012)

Start my 1-month free trial

Enhancing page design: Solution

I hope you enjoyed the lab on enhancing page designs. It represents the part of CSS that I really love, and that's the ability to combine properties in new ways to create compelling visual design. Let's get right into the finished files and take a look at the solutions to our lab. So I have the main.css file opened from the finished_files directory, and of course that's found in _css directory within finished_files, which is also inside 08_08. I could open up the index and the Philadelphia file, but I have already had them previewed in the browser and we didn't change those at all; we only changed the CSS. So feel free to open those up and preview them along with me. But for the most part, we're just messing with the CSS here anyway. The first step that you guys were working on were the CSS sprites up in the menu, and of course that's for every page in the site. So I am going to scroll down to about line 1069 or so, so we can check out that code. There we go! So for each one of these,…

Contents