« Details of IE 7.0 leaking out | Main | Fine-tune FireFox »
March 17, 2005
Rounding Corners Without Images
A few years ago the only way to round corners in your html was by using images and tables. You have probably read a number of articles since that show you how to do it without tables and images. Alessandro Fulciniti has a good tutorial on how to do this using CSS and Javascript.
His article shows several examples using
- a single div
- two divs
- creating small corners
- creating news boxes
- a tabbed menu
- a liquid image gallery
- rounding a form
- and a final example that kind of ties it all-together
He says if he used images instead:
"If we'd use one of the css technique based on background images, probably we'd used 18 images, maybe some extra and non-semantic wrapper and a lot of css declaration. Could you imagine the kilobytes that were spared? Probably, about 18-20Kb or so."
You can read the tutorial and see that he has made available a zip file so you can download the html and the css of the examples that were presented.
Posted by Steve MacLellan at March 17, 2005 07:53 AM
Trackback Pings
TrackBack URL for this entry:
http://www.homebusiness-websites.com/mt/mt-tb.cgi/153
Comments
Post a comment
Thanks for signing in, . Now you can comment. (sign out)
(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)