Imageless and Scriptless HTML and CSS Corners

May 15, 2009 at 4:39 pm | In css design, css2.1, gecko, khtml, presto, trident, visual design, webkit | Leave a Comment
Tags: , , , , ,

Here’s an excellent collection of tutorials and demos on creating rounded corners using HTML and CSS without graphics, SVG, HTML5 canvas, border-radius or JavaScript:

Image-Free CSS Styled Corners

Even More Image-Free CSS Styled Corners

Corner Shapes using CSS

How to Add Fluid Borders to Your Boxes with CSS

Rounded Corners using nothing but CSS

CSS Round Corners with Borders

Use Stripes and Inline Elements to Get Rounded Corners

Browser CSS Defaults and Style Resets

May 14, 2009 at 9:01 am | In css design, css grid, css2.1, css3, gecko, khtml, presto, trident, webkit | Leave a Comment
Tags: , , , , , , , ,

Replacing floats with the inline-block and table CSS Properties

May 1, 2009 at 8:59 pm | In best practices, css design, css grid, css2.1, gecko, khtml, presto, trident, webkit | Leave a Comment
Tags: , , , , , , , , ,

Here’s a few articles on combining inline-block in IE6 and IE7 with display:table in IE8 and other standards-based browsers as an alternative or replacement to floats for creating cross-browser column layouts using modern CSS:

Centering a Dropdown Menu with inline-block and table display

Replacing Floats with Inline-Block and Display:Table

Using Inline-Block and Display:Table for Layouts without Floats

Using Inline-Block and Display:Table for Horizontal List Alignment

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