« Attaching a footer to the bottom of the page but stays below scrolling content
CSS, HTML, and some useful PHP - that’s how I roll »

Floating and Clearing with CSS tutorial

October 14th, 2008

Floating is something that is used a lot in CSS. The name is pretty self explanatory. I wrote up a little demo of using float and clear.

The actual concept of floating isn’t too bad, but it is understanding how to use floats to accomplish things like columns that can be a little confusing. I’m going to do a tutorial/demo in which we make a complete website using HTML and CSS in order to demonstrate some of these concepts a little better.

I included all of the style in the header of the HTML document so just view the source of it to see the CSS classes I used, and what went into them.

Tags: ,

This entry was posted on Tuesday, October 14th, 2008 at 4:42 pm and is filed under CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “Floating and Clearing with CSS tutorial”

  1. Whether you downloaded your | 54apple.com Says:

    October 27th, 2008 at 6:36 pm

    [...] Floating and Clearing with CSS tutorial Tags: CSS Tutorial « It also will charge [...]

Leave a Reply

Name:

Email (will not be published):

Website:

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>