FCKeditor & CSS: Automatically edit layout of posted images

[TheCrazyLexx]

Hey there,

our CMS uses the FCKeditor for inserting images into the text and I want to automate the process of having to manualy editor the layout of the images prior to uploading them to the site.

The result should somewhat look like this:


Would it be possible to come up with a stylesheet, which automatically places a small image with the rounded corners on top of the image I want to upload as well as add a grey area for the caption to the bottom?

How would the css code have to look like for this to work? Can I insert the caption right inside the FCKeditor and have it displayed at the proper position?

Thanks,
Tom

[Medyman]

I can't comment on the FCKeditor portions because I don't use it. If you can elaborate on the output of FCKeditor then someone might be able to help you out.

As far as the CSS, take a look at this tutorial: http://kalsey.com/2003/07/rounded_corners_in_css/

It's 100% possible to do what you need...I do it all the time.
Ex:


This is a screnshot of a custom CMS...The images are being brought in through some PHP/backend and placed into a CSS-XHTML page. The original images are rectangles...no manipulation necessary.