Exploiting the Inline-Block CSS Property

January 27, 2008 at 3:45 am | In css design, css grid, css2.1 | Leave a Comment
Tags: , , , , , , , , , , , , ,

Here’s a great list of articles on taking advantage of the display:inline-block declaration in CSS as an alternative to float, margin, and absolute positioning techniques in navigation menus, image rollovers, and thumbnail galleries, :

How Inline-Block Works Across Browsers

IE inline-block behavior for inline and block elements

Understanding Inline-Block and hasLayout

The Curious Case of Inline-Block

Using Inline-Block and Word-Spacing to Make Columns Easier

Cross-Browser Inline-Block Differences

Cross-Browser Inline-Block Demo

Inline-Block Cross-Browser Support

Using <textarea> for Pseudo Inline-Block Links

Using Inline-Block for CSS Image Replacement

Using Inline-Block for Inline Image Links without <img>

Using Inline-Block for Labeling Images

Using Inline-Block for a Thumbnail Gallery

Inline-Block Cross-Browser Test

Inline-Block Cross-Browser Test 2

Inline-Block Cross-Browser Test 3

Float Tutorials

January 11, 2008 at 1:10 am | In css design, gecko, khtml, presto, trident, webkit | Leave a Comment
Tags: , , , , , , ,

Here’s a few great articles on cross-browser float behaviors and workarounds for browser inconsistencies:

Understanding Float Positioning

Rearranging Floated Column Layouts

Overhanging Boxes

Sectional Tabs

Acidic Float Tests

CSS Float Theory

Close Gaps Next to Floated Images in IE

Cross Browser Float Fixes

Float Nightmares

Debugging Float Side Effects

Controlling Float Positioning

Does CSS Float?

IE Float Bug Triggers

Blog at WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.