Get exclusive CAP network offers from top brands

View CAP Offers

Reply To: effect on my html tables

[bsa_pro_ad_space id=2]
#819895
chaz
Member

It is shadows indeed, mixed with some sort of gif borders I am guessing (looking at the border content wrap located at “http://www.equibase.com/images/content-wrap-bg.png”).

I was trying to find a theme that I have the css for that matches your desired effect. I believe this is what you want to achieve: MyResume Theme | Just another WordPress weblog. I am currently looking over the css wraps and here’s what they look like:

#wrapper { background: url(images/bg-top.jpg) repeat-x top center; float: left; width: 100%; min-height: 700px; }

#inside-bg-bottom { background: url(images/side-bg-bottom.gif) no-repeat 173px bottom; float: left; padding-bottom: 25px; }

#inside-bg-top { background: url(images/side-bg-top.gif) no-repeat 177px top; float: left; }
#inside { background: url(images/side-bg.gif) repeat-y 175px 0px; float: left; }

#content { margin: auto; width: 751px; background-image: url(images/content-bg-center.png); margin-top: 171px; }

#content-bg-bottom { background: url(images/content-bg-bottom.png) no-repeat bottom center; float: left; padding-bottom: 20px; }
[/CODE]

This is how their wrapper is made, the shadows u see below on the sides and on top are those images in the code. I am not much of a css specialist but I am guessing this can be replicated and applied to your website without much effort. All you have to do is create the wraps and div wrap the right content on the page.

Regards,[CODE]#wrapper { background: url(images/bg-top.jpg) repeat-x top center; float: left; width: 100%; min-height: 700px; }

#inside-bg-bottom { background: url(images/side-bg-bottom.gif) no-repeat 173px bottom; float: left; padding-bottom: 25px; }

#inside-bg-top { background: url(images/side-bg-top.gif) no-repeat 177px top; float: left; }
#inside { background: url(images/side-bg.gif) repeat-y 175px 0px; float: left; }

#content { margin: auto; width: 751px; background-image: url(images/content-bg-center.png); margin-top: 171px; }

#content-bg-bottom { background: url(images/content-bg-bottom.png) no-repeat bottom center; float: left; padding-bottom: 20px; }
[/CODE]

This is how their wrapper is made, the shadows u see below on the sides and on top are those images in the code. I am not much of a css specialist but I am guessing this can be replicated and applied to your website without much effort. All you have to do is create the wraps and div wrap the right content on the page.

Regards,