Comments on: Rounded Images using CSS and some optional JavaScript

By: Ettie Schloemann

Ettie Schloemann — Wed, 07 Sep 2011 11:07:47 +0000

Real estate overtax is definitely everybody’s career.

By: seanjacob

seanjacob — Tue, 26 Jul 2011 10:12:30 +0000

forgot to add id=”image” to img

By: seanjacob

seanjacob — Tue, 26 Jul 2011 10:11:51 +0000

HTML for above

By: seanjacob

seanjacob — Tue, 26 Jul 2011 10:09:55 +0000

This is great for 2006 but obviously now this is out of date.

To get a curved images we can now use css3.

Create a curved border (below) and absolute it on top of an image and there you go. (will only work with solid background color)

#border { position:absolute; border:solid 3px #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height:50px; width:50px; }

#image { width:50px; height:50px; padding:3px; }

Will work with all the latest browsers.

By: Rhett Toppi

Rhett Toppi — Thu, 05 May 2011 17:50:20 +0000

Hello! Do you use Twitter? I’d like to follow you if that would be ok. I’m definitely enjoying your blog and look forward to new updates.

By: Jaclyn Preston

Jaclyn Preston — Wed, 02 Feb 2011 05:17:42 +0000

Great writing! I want to see a follow up on this topic =D Tas Oakley

By: ashok yadav

ashok yadav — Fri, 03 Sep 2010 11:46:44 +0000

bed idea and bad corners – waste of time

By: Andrew

Andrew — Mon, 26 Jul 2010 19:43:28 +0000

stupid idea and really bad corners – waste of time dude!

By: Andrew Kittredge

Andrew Kittredge — Fri, 06 Nov 2009 15:36:13 +0000

works great. thanks for taking the time.

By: Leslie

Leslie — Mon, 05 Oct 2009 18:26:47 +0000

Thanks for the info, Eliot. It’s simple and easy!

In IE7, there is one issue when the images are in a DIV that has a horizontal scrollbar (DIV has a “width” set and “overflow” set to “auto”). The images seem to appear fast the width of the DIV and scrolling left/right does not move any of the images.

Any ideas on how to get around that?

Thanks,
-Leslie