[Javascript] curved edges for table border

[Paul Novitski]

At 11/5/2006 08:51 PM, vijaykumar bavareddy wrote:
><div class="t"><div class="b"><div class="l"><div class="r"><div 
>class="bl"><div class="br"><div class="tl"><div class="tr">
>Lorem ipsum dolor sit amet consectetur adipisicing elit
></div></div></div></div></div></div></div></div>
>
>And the CSS that makes our round corner border is:
>.t {background: url(dot.gif) 0 0 repeat-x; width: 20em}
>.b {background: url(dot.gif) 0 100% repeat-x}
>.l {background: url(dot.gif) 0 0 repeat-y}
>.r {background: url(dot.gif) 100% 0 repeat-y}
>.bl {background: url(bl.gif) 0 100% no-repeat}
>.br {background: url(br.gif) 100% 100% no-repeat}
>.tl {background: url(tl.gif) 0 0 no-repeat}
>.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
>
>
>am using above code still am not getting curved edges properly.. 
>horizantal and vertical lines are coming till end.. am not able to 
>decrease thier length by setting positions in above code..


Vijaykumar,

You're asking a CSS question, but this is a JavaScript listserve.

I think you'll get good answers to this question on the CSS-D listserve:
http://www.css-discuss.org/mailman/listinfo/css-d

Before you post to CSS-D, I strongly recommend that you put your code 
on a web page and post it to your server, and include a hyperlink to 
your page in your posting.

By the way, your problem is probably impossible to solve unless we 
know exactly what your image files consist of.

I also recommend you google CSS ROUNDED CORNER BOXES for solutions 
before you bring your problem to a list.

Regards,
Paul