CSS Floating Layouts
4.0 (14 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
173 students enrolled
Wishlisted Wishlist

Please confirm that you want to add CSS Floating Layouts to your Wishlist.

Add to Wishlist

CSS Floating Layouts

Gain clarity and skill with CSS floats!
4.0 (14 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
173 students enrolled
Last updated 2/2017
English
Curiosity Sale
Current price: $10 Original price: $75 Discount: 87% off
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • A clear, demystified approach to building floating layouts. You’ll be feeling like a pro in no time!
View Curriculum
Requirements
  • Basic computer skills
Description

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!

Who is the target audience?
  • Those looking to build a strong foundation in CSS and web layouts
Students Who Viewed This Course Also Viewed
Curriculum For This Course
27 Lectures
02:38:42
+
Welcome To CSS Floating Layouts!
2 Lectures 03:28

Download the project files here.

Preview 00:46

+
CSS Float Fundamentals
4 Lectures 39:53

Using Floats On Multiple Items
07:07

Introducing Clear
04:37

A Practical Example: Creating A Thumbnail Gallery With Float And Clear
17:40
+
Building A Flexible Layout
5 Lectures 25:58
Creating The Basic Structure
04:58

Setting Properties And Testing The Layout
07:30

Inserting The Header
04:20

Inserting The Footer And Finalizing
06:09

Understanding How The Layout Works
03:01
+
Building A Combination Flexible / Fixed Layout
5 Lectures 28:54
Building The Basic Layout Structure
05:06

Adding In Some Dummy Content
02:13

Setting Properties, Part 1
06:59

Setting Properties, Part 2
07:31

Final Layout Options
07:05
+
Building A Fixed Layout
4 Lectures 28:03
Setting Up The Stucture
03:39

Setting Properties, Part 1
04:20

Setting Properties, Part 2
12:16

Final Layout Options
07:48
+
Still Want More? Check Out These Exclusive Bonus Lessons!
3 Lectures 28:56
Building Dreamweaver CS3/CS4 Essential’s Layouts Using Floats, Part 1
08:14

Building Dreamweaver CS3/CS4 Essential’s Layouts Using Floats, Part 2
08:57

Creating Floating Layouts In Dreamweaver
11:45
+
Conclusion
2 Lectures 02:20
Wrapping It Up
01:58

Request a Course
00:22
+
Bonus Material
2 Lectures 01:17
Bonus Lecture: Certificate of Completion
01:03

Bonus Lecture: Course Discounts
00:14
About the Instructor
Stone River eLearning
4.2 Average rating
16,714 Reviews
275,822 Students
201 Courses
270,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.