<!-- outer div centered on the page -->
<div style="width: 500px; margin: 0 auto">

     <!-- inner div centered within the outer div -->
     <div style="margin: 0 auto; padding: 0 10px; background:
url('../path/to/left_side_image.png') no-repeat left;">
          <span style="background: url('../path/to/right_side_image.png')
no-repeat right;">Global Links</span>
     </div>
</div>

left_side_image.png is just the corners and the left border.
right_side_image.png is the right border, the corners on the right and way
wider top and bottom borders so it can stretch.

Haven't tested it so you might need to play a bit with padding here or
there. :)

On Mon, Apr 21, 2008 at 10:20 AM, Naveen Bhaskar <[EMAIL PROTECTED]>
wrote:

>
> hi,
>
> I want a *rounded strechable rectangle* inside another  rectangle which is
> 500px width. the *rounded strechable rectangle* should align center .
>
> sample link: http://www.geocities.com/navi_menon/demo.gif
>
>
> pls help
> --
> navii
> ---------------------------------------------------------
> thanks and regards
> Naveen Bhaskar Menon
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to