Foreground Image?

[thehuby]

I want to add a curved bottom right hand corner to all of the images
displayed on a site I am building - other than editting each one
individually to remove the bottom right hand corner, is there a way I
can do this?

I am thinking that using a foreground image positioned at the bottom
right of the image would do it but I am not sure how to approach it.

Thanks in advance,

Rick

[VidTheKid]

th*****@gmail.com wrote:

I want to add a curved bottom right hand corner to all of the images
displayed on a site I am building - other than editting each one
individually to remove the bottom right hand corner, is there a way I
can do this?

Is editing the markup for each image acceptable? Can the images be
treated as block elements rather than inline? If yes, then...

<div style="background-image: URL(imagesrc.png); width: 200px;"><div
class="cornerdiv" style="height: 300px;"></div></div>

....styled with...

div.cornerdiv {
background-image: URL(cornersrc.png);
background-placement: bottom right;
background-repeat: no-repeat;
}

....should be useable instead of <img> tags. The width and height of
each image will have to be explicitly specified in the markup and match
the actual image dimensions.

--
Vid the Kid