Roundered corner images in css

hargi · 9 Jan 2007 at 09:38

IS it posible to put an image in a div that has rounded corners. AS i dont know how many images there will be in each page and it can differ. would the code go in the style sheet or inbeded in the html?
TIA
EDIT * which is more acceptable using css

Code:

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

Or using javascript to do this

Jet · 9 Jan 2007 at 16:06

Try here

http://www.roundedcornr.com/

It may help. I haven't used it but I found it on one of my late-night trawls of the internet.

hargi · 9 Jan 2007 at 16:42

how would i go about putting

Code:

img 
{
float:right;
border:1px dotted black;
margin:0px 0px 15px 20px;
}

inside a div so it only affects images in that div.

lozza · 9 Jan 2007 at 18:54

hargi said:
how would i go about putting

Code:

img { float:right; border:1px dotted black; margin:0px 0px 15px 20px; }

inside a div so it only affects images in that div.

It would be #divID img

So if your dive is called gallery it would be

#gallery img

joeyjojo · 9 Jan 2007 at 19:01

If you make the div the exact width and height of the image and set the image as a background, then add the corners using the .r1 .r2 etc. method it should work nicely.

Deathwish · 9 Jan 2007 at 19:26

I used:

http://www.html.it/articoli/niftycube/index.html

on my site

http://www.fwibble.org/

I found it quite easy to use.