Css

[SudhakarBS]

Hi all,

I am looking for a portlet to my website using CSS (no tables and images) Please look at the attachment for the detail.

What i am having is

<div class="rc">
<div class="inside"><div class="rounded_corner"> <div
class="wrap-corner"> <div class="t-edge"><div class="l"></div><div class="r"></div></div> <div class="l-edge"> <div class="r-edge"> <div
class="bg"> <h2>What else can PerfectForms cure?</h2> <p>Data
Collection, Workflow,<br /> Surveys, Processes, Tracking<br /> and
much, much more</p> </div> </div> </div> <div class="b-edge"><div
class="l"></div><div class="r"></div></div> </div> </div></div> </div>


But what really need is

<div class="rc-white-portlet">
<h2>What else can PerfectForms cure?</h2> <p>Data Collection,
Workflow,<br /> Surveys, Processes, Tracking<br /> and much, much
more</p> </div>

Please help me achieving this.

Thanks
Sudhakar

[banago]

What is that css in .doc

[SudhakarBS]

Hi,

Thanks for the response.
In the document i have shown a image with the drop shadow only at right and bottom side and rounded corners for the whole. But what i required is a simple with one div class not like the first code which i have mentioned in the document. Please see and let me know if you need any more clarifications.

Thanks
Sudhakar

[Paul O'B]

Hi,

There are plenty of javascript solutions about so just google and you will find.

If you don't expect the boxes to be too big you could do something like this by adding one extra element.

http://www.pmob.co.uk/temp/round-easy.htm

If you want to do it with one less element then you could try combining my method above with the Sitepoint method,

http://tools.sitepoint.com/spanky/how.php


Hope that helps