effect on my html tables

Hi Pete,

Not sure if it is the same idea I have used at Live Casino UK | Live Dealer Roulette, Games, Reviews, Online Casino Bonuses ?

Cheers
Rick

Didnt look at the code, but Id guess thats a shadow … very easy to do.

CSS3 box-shadow property

Good luck with it!

Thanks- I’ve been looking at dreamweaver since 7:30 this morning I can’t figure out anything right now
(I tried it but I can’t figure it out) your site looks really nice though

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,

Hey Shotgun shoot me the table you want the effect for on here, and I’ll edit it and send back the code with Css and table being styled properly.