CSS Floating Layouts | Geoff Blake | Skillshare

CSS Floating Layouts

Geoff Blake, Ten Ton Online

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
24 Lessons (2h 39m)
    • 1. A Note About Set Up

      2:42
    • 2. 0001

      2:42
    • 3. Basic Floating

      10:29
    • 4. Using Floats On Multiple Items

      7:07
    • 5. Introducing Clear

      4:37
    • 6. A Practical Example: Creating A Thumbnail Gallery With Float And Clear

      17:39
    • 7. Creating The Basic Structure

      4:58
    • 8. Setting Properties And Testing The Layout

      7:30
    • 9. Inserting The Header

      4:20
    • 10. Inserting The Footer And Finalizing

      6:09
    • 11. Understanding How The Layout Works

      3:01
    • 12. Building The Basic Layout Structure

      5:06
    • 13. Adding In Some Dummy Content

      2:13
    • 14. Setting Properties, Part 1

      6:59
    • 15. Setting Properties, Part 2

      7:31
    • 16. Final Layout Options

      7:05
    • 17. Setting Up The Stucture

      3:39
    • 18. Setting Properties, Part 1

      4:20
    • 19. Setting Properties, Part 2

      12:16
    • 20. Final Layout Options

      7:48
    • 21. Building Dreamweaver CS3/CS4 Essential’s Layouts Using Floats, Part 1

      8:14
    • 22. Building Dreamweaver CS3/CS4 Essential’s Layouts Using Floats, Part 2

      8:57
    • 23. Creating Floating Layouts In Dreamweaver

      11:45
    • 24. Wrapping It Up

      1:58

About This Class

Ever struggled trying to figure out how to build a floating layout using only elements and CSS? CSS Floating Layouts takes the mystery and headache away, and shows you how to build amazing CSS-based floating layouts from the ground up. With Geoff Blake’s trademark non-jargonny approach, you’ll have fun and learn a heap as you discover the world of floating layouts. You’ll learn about floats and clears, then delve into creating three different types of layouts: flexible layouts, fixed layouts, and combination flexible/fixed layouts…all from scratch, all with floats, all by hand!

Download the project files here.