On Wed, Jul 25, 2012 at 9:57 PM, Jay Tanna <jta...@rocketmail.com> wrote:
>> Actually you can apply the css to the img directly like
>> this:
>>
>> img {
>> border:1px solid red;
>> border-bottom-left-radius:20px;
>> display: block;
>> }
>>
>
> David's picture:
>
> http://www.mytechnet.talktalk.net/round-corners.html
>
> ______________________________________________________________________
Actually, that's only "kind of" working. The problem with rounded
corners on images is, if you want to add any kind of border as well,
you're screwed. If you increase the border width on the demo at
http://www.mytechnet.talktalk.net/round-corners.html, you'll see that
the corner of the image will intrude, un-rounded, in to the border
color. It certainly works if you are simply rounding the image
corners, but the only solution I've seen that works reliably to draw a
border around the rounded-corner image is to make the image a
background image and apply your rounding and borders to the container.
Not a great solution for any number of reasons.
Any solutions not involving background images greatly appreciated!!
Tim
--
tim.arn...@gmail.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
