Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSS Floats quick simple web templates
Rating: 4.1 out of 5(72 ratings)
8,400 students

CSS Floats quick simple web templates

Explore CSS floats to quickly create web page layouts with columns
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Use of floats to rapidly design web pages
  • Create a 2 and or 3 column webpage

Course content

2 sections15 lectures53m total length
  • introduction to building quick pages with CSS2:37
  • CSS Float resources2:10
  • intro to floats4:53
  • CSS Float images inline with text6:17
  • CSS float thumbnails5:26
  • Source Code Thumbnails1:22
  • HTML build basic page layout CSS6:10
  • 2 column CSS site4:12
  • Create a 2 column page layout in minutes6:19
  • 2 column source code0:39
  • Create 3 column webpage7:07
  • 3 column height background color fix3:55
  • Source Code 3 Column Website1:17

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