Skip to main content

Diigo Home

Floatutorial: Step by step CSS float tutorial - The Diigo Meta page

css.maxdesign.com.au/...index.htm - Cached - Annotated View

Benx Shen's personal annotations on this page

benxshen
Benxshen bookmarked on 2007-08-17 *i_learning* css helpful tutorial *收藏*
    • Floatutorial takes you through the basics of floating elements
      such as images, drop caps, next and back buttons, image galleries, inline lists
      and multi-column layouts.


      General info


  • Tutorial 5. Floating next and back buttons using lists



    Float a simple list into rollover "back" and next "buttons".


  • Tutorial 6. Floating inline list items



    Float a simple list, converting it into a horizontal navigation bar.


  • Tutorial 8. Liquid two column layout



    Float a left nav to achieve a two column layout with header and footer.


  • Tutorial 9. Liquid three column layout



    Float left and right columns to achieve a three column layout with header and footer.

This link has been bookmarked by 164 people . It was first bookmarked on 02 Mar 2006, by Dan Phillips.

< Previous 1 2