Hi Roger Thanks for the links.
I tested the one with fix width and will be testing the flexible one later. The demo is the 2nd one at http://design.sodesires.com/tictap/ It shows fine in Firefox, Opera 7 and IE6 but it breaks in IE5. Any solutions? I added an extra div (.cornersFix-border ) in the html as I do not have any paragraph. Hmm maybe someone can come up with a better solution. CSS: .cornersFix { width :660px; padding :0em 0 10px 0em; margin :10px auto; background :#FFFFFF url(../../../images/global/corners/main-B.gif) no-repeat left bottom; } .cornersFix ul { margin :0; padding :15px 10px 0px; background :url(../../../images/global/corners/main-T.gif) no-repeat left top; } .cornersFix-border { margin :0; padding :0em 10px 0px; border-top : 0 solid #DBD7BD; border-right : 3px solid #DBD7BD; border-bottom : 0 solid #DBD7BD; border-left : 3px solid #DBD7BD; } HTML: <div class="cornersFix"> <ul id="steps"> <li id="step-one" title="TicTap Step 1"><strong>Step 1:</strong> Key in the ISBN, UPC, or Keywords to describe the product.</li> <li id="step-two" title="TicTap Step 2"><strong>Step 2:</strong> Send the message to xxx-xxx-xxxx.</li> <li id="step-three" title="TicTap Step 3"><strong>Step 3:</strong> Receive your query by SMS. You can also view previous results at TicTap.com.</li> </ul> <div class="cornersFix-border"> </div> </div> With Regards - Jaime -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Roger Johansson Sent: Thursday, 9 September 2004 2:50 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] Better Flexible Rounded Corners Option? and Site Check On 8 sep 2004, at 22.57, JW wrote: > > I am looking for a flexible rounded corners (with borders) that is not > restrictive to size. Googled for some but most are filled with lots of > complex solutions (lots of html meddling and tones of css codes). Hi. Take a look at what I came up with a while back: http://www.456bereastreet.com/lab/flexible_custom_corners_borders/ Related post: http://www.456bereastreet.com/archive/200406/ flexible_box_with_custom_corners_and_borders/ http://www.456bereastreet.com/lab/teaser/one_image/ Related post: http://www.456bereastreet.com/archive/200406/css_teaser_box/ /Roger -- http://www.456bereastreet.com/ ****************************************************** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
