CSS Floats quick simple web templates
4.3 (17 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.
3,162 students enrolled
Wishlisted Wishlist

Please confirm that you want to add CSS Floats quick simple web templates to your Wishlist.

Add to Wishlist

CSS Floats quick simple web templates

Explore CSS floats to quickly create web page layouts with columns
4.3 (17 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.
3,162 students enrolled
Created by Laurence Svekis
Last updated 7/2017
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Use of floats to rapidly design web pages
  • Create a 2 and or 3 column webpage
View Curriculum
  • CSS experience
  • HTML knowledge

Using CSS Floats you can quickly create web pages with multiple columns.  This course will show you how to apply CSS floats and how to clear floats to rapidly build out web pages with multiple columns of content areas.

Floats are powerful and often something that new web designers have questions about.  I built this course specifically to help students learn about using floats, what to watch out for and how to apply CSS properties to quickly create a website layout.

The float CSS property specifies how an HTML element should be placed either along the left or right side of its container.  The surrounding elements can then wrap around it.  Floats are commonly used within images to get images inline with the surrounding text as well as to create page columns.   Floats allow you to control the output either to the left or right of the surrounding content.

This course will show you how to use floats in CSS, explore common mistakes and address common questions when it comes to floats.  

Floats allow the content to remain within the normal flow of the page content contrary to when you use positioning.

This course is taught by an instructor with over 18 years of web design and development experience.  Ready to help you learn more about floats and how you can apply CSS to create web pages.

Who is the target audience?
  • Web designers
  • Web developers
  • Anyone who wants to learn more about quick webpage layout design
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Introduction to CSS floats
13 Lectures 52:49

intro to floats

CSS float thumbnails

Source Code Thumbnails

HTML build basic page layout CSS

2 column CSS site

Create a 2 column page layout in minutes

2 column source code

Create 3 column webpage

3 column height background color fix

Source Code 3 Column Website
About the Instructor
Laurence Svekis
4.2 Average rating
14,276 Reviews
314,418 Students
188 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"