CSS Floats quick simple web templates

Explore CSS floats to quickly create web page layouts with columns
Rating: 4.1 out of 5 (50 ratings)
6,144 students
English
English [Auto]
CSS Floats quick simple web templates
Rating: 4.1 out of 5 (50 ratings)
6,144 students
Use of floats to rapidly design web pages
Create a 2 and or 3 column webpage

Requirements

  • CSS experience
  • HTML knowledge

Description

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 this course is for:

  • Web designers
  • Web developers
  • Anyone who wants to learn more about quick webpage layout design

Course content

2 sections • 14 lectures • 53m total length
  • introduction to building quick pages with CSS
    02:37
  • CSS Float resources
    02:10
  • intro to floats
    04:53
  • CSS Float images inline with text
    06:17
  • CSS float thumbnails
    05:26
  • Source Code Thumbnails
    01:22
  • HTML build basic page layout CSS
    06:10
  • 2 column CSS site
    04:12
  • Create a 2 column page layout in minutes
    06:19
  • 2 column source code
    00:39
  • Create 3 column webpage
    07:07
  • 3 column height background color fix
    03:55
  • Source Code 3 Column Website
    01:17

Instructor

Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 40,245 Reviews
  • 693,219 Students
  • 361 Courses

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

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!"