<!-- 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]
*******************************************************************
