freelish.us freelish.us
  • Login
  • Public

    • Public
    • Groups
    • Recent tags
    • Popular
    • Directory

Notices tagged with floats

  1. Massimo Lombardo Massimo Lombardo

    Overflow: hidden; - CSS Tutorial - Correcting Orphans w/ Overflow - CSS ...

    • css
    • dev
    • development
    • float
    • floats
    • hidden
    • layout
    • layouts
    • orphan
    • orphans
    • overflow
    • web
    • webdev
    • webdevelopment

    Wednesday, 15-Sep-10 20:37:18 UTC from web
  2. Massimo Lombardo Massimo Lombardo

    jQuery Masonry · David DeSandro

    • code
    • column
    • columns
    • css
    • design
    • development
    • float
    • floats
    • grid
    • grids
    • html
    • javascript
    • jquery
    • js
    • layout
    • layouts
    • plugin
    • plugins
    • tools
    • ui
    • web
    • webdesign
    • webdev

    Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

    Thursday, 02-Sep-10 21:36:50 UTC from web
  3. Massimo Lombardo Massimo Lombardo

    Fixed Floating Elements | jQuery for Designers - Tutorials and screencasts

    • apple
    • cart
    • code
    • css
    • design
    • effects
    • element
    • elements
    • fixed
    • float
    • floating
    • floats
    • javascript
    • jquery
    • layout
    • position
    • positioning
    • scroll
    • scrolling
    • sidebar
    • ui
    • web
    • webdesign
    • webdev

    Saturday, 20-Mar-10 17:00:29 UTC from web
  4. Massimo Lombardo Massimo Lombardo

    CSS - Clearing floats

    • browser
    • bug
    • clear
    • clearfix
    • clearing
    • code
    • css
    • design
    • development
    • float
    • floats
    • hack
    • hacks
    • html
    • layout
    • overflow
    • web
    • webdesign
    • webdev
    • xhtml

    A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way.

    Thursday, 11-Mar-10 09:40:10 UTC from web
  5. Massimo Lombardo Massimo Lombardo

    Simple Clearing of Floats

    • clear
    • clearfix
    • clearing
    • code
    • css
    • design
    • development
    • float
    • floats
    • html
    • layout
    • overflow
    • web
    • webdesign
    • webdev
    • xhtml

    For all it’s many advantages, sometimes it’s the little things that CSS layout makes difficult that really get to you. Clearing floated elements is a good example. Paul O’Brien, nonchalantly pointed out that adding a ‘overflow:auto’ to the outer DIV did the trick.

    Thursday, 11-Mar-10 09:34:12 UTC from web
  6. Massimo Lombardo Massimo Lombardo

    All About Floats

    • clear
    • code
    • css
    • design
    • development
    • float
    • floats
    • ie
    • layout
    • layouts
    • quirks
    • reference
    • web
    • webdesign
    • webdev
    • webdevelopment

    Sunday, 01-Mar-09 18:02:00 UTC from web

Site notice

  • Confirm your email!
  • We're back!
  • Import del.icio.us bookmarks
  • Bookmarklet

Feeds

  • Activity Streams
  • RSS 1.0
  • RSS 2.0
  • Atom
  • Help
  • About
  • FAQ
  • TOS
  • Privacy
  • Source
  • Version
  • Contact

freelish.us is a microblogging service brought to you by StatusNet. It runs the StatusNet microblogging software, version 1.1.0-release, available under the GNU Affero General Public License.

Creative Commons Attribution 3.0 All freelish.us content and data are available under the Creative Commons Attribution 3.0 license.

Switch to mobile site layout.

Built in Montreal