Using images of rounded corners in divs

[matthew1471]

What's the best way to place images with rounded corners inside the corners of a div?

What if the image has a border to match the div border, or if you want a shaded area along the bottom of the div?

I've had a look around Google etc, but there seems a few different ways of doing things, so wanted others views.

Ta.

 

[DewChugr]

I dunno, but you can do rounded corners with just css. I can't find the link, but there is a good method that doesn't use javascript or images.

 

[maffs]

25 Rounded Corners Techniques with CSS

quite safe

 

[kblessinggr]

25 Rounded Corners Techniques with CSS

quite safe

The spanky one (pure CSS, no images), is what I used in this demo layout Your Default Caption

 

[neue75bold]

Some good links:

CSS Rounded Corners example - redmelon.net

CSS | ?Bullet-Proof? Rounded Corners | Albin.Net

http://cssglobe.com/post/3714/css-sprites-rounded-corners/

curvyCorners - Ultimate Rounded Corners.



Hope that helps

 

[matthew1471]

Cheers guys. I'll have a look over them.

 

[neue75bold]

No problem

 

[RDion12]

Thank you for the links. Very helpful