Home
Youenn Leborgne's Library tagged → View Popular
Equal Height Columns - revisited - In search of the One True Layout
Beware of the several problems that have been found with this great technique
A List Apart: Articles: Faux Absolute Positioning
Fantastic technique that makes it possible to position elements in a similar fashion to tables (with div though). Faux absolute positioning is very much inspired by and intended for grid-based design
SitePoint Blogs » Simple Clearing of Floats
Another method for clearning floats, simpler that is, is to set the container to overflow: auto. If it generates scrollbars, try overflow: hidden instead (which can have side-effects, though)
Block formating contexts, ‘hasLayout’ – IE Window vs CSS2.1 browsers || l–c–n.com
Test cases of how to replicate hasLayout-related effects on standard-compliant browsers. How to contain floats, etc.
investigating 'hasLayout' - reverse engineering - cross-browser solutions - examples on Gunlaug's homepages
Test cases of how to replicate hasLayout-related effects on standard-compliant browsers. How to contain floats, etc.
Containing Floats (Complex Spiral Consulting)
Another great solution to this common problem. Alternative to "Prettier Accessible Forms": set #container {clear: left; float: left; width: 100%;}, the contained labels to {display: block; width: 30%; float: left}, the contained inputs to {float: left;}
Internet Explorer Conditional Comments – CSS Reference
Conditional comments are Microsoft’s recommended mechanism for delivering targeted CSS to its browser
Clearing a float container without source markup
Very interesting : teaches a lot about problems with floats and related workarounds
A List Apart: Articles: Prettier Accessible Forms
Use fieldsets to group radio buttons and checkboxes together (legend can be styled to display as normal text): a fieldset for the group and labels for each individual form field.
Use inline-block/-moz-inline-box to align form fields.
CSS tips and tricks, Part 2
Read clearing floats paragraph
CSS Rounded Corners 'Roundup'
A comparison of most (if not all) techniques available to create rounded corners. Presented in a convenient chart that's easy to read
Graceful E-Mail Obfuscation
Clean way to create a HTML mailto link working fine that spam bots can't read
Stu Nicholls | CSSplay | A css only dropdown menu
Check http://www.cssplay.co.uk/menus/drop_examples.html too
A List Apart: Articles: CSS Design: Taming Lists
A number of CSS tricks for controlling the presentation of lists, including various inline list item applications
SimpleBits ~ Accessible Image-Tab Rollovers
Lists and tabbed navigation
Selected Tags
Related Tags
Sponsored Links
Top Contributors
Groups interested in Technique
Highlighter, Sticky notes, Tagging, Groups and Network: integrated suite dramatically boosting research productivity. Learn more »
Join Diigo