Nice box CSS

[PF2G]

Hi, DaniWeb

I'm creating a website based in this one: Link Anchor Text

As you see the News and the Reviews have an awesome box in the back :P

I'm trying to do something similar. But i'm having some trouble, mostly the stripe on the title.

Can someone help me, please?

Thnk You,
PF2G

[bhartman21]

All the code you needs is there in the source ( .CadreTop, .CadreContent, etc. ). Make sure you convert all of the items in the css and make sure you have all of the images in the right location.

.cadre{
  padding:0;border-spacing: 0px;
}
.CadreTop{
  padding-left:20px;background-repeat:no-repeat;
  background-image:url('/specific/images_v2/cadreTop.jpg');
  width:322px;height:47px;
}
.CadreContent{
  padding-left:10px;background-repeat:repeat-y;padding-right:5px;
  background-image:url('/specific/images_v2/cadreContent.jpg');
}
.CadreBottom{
    background-repeat:no-repeat;background-image:url('/specific/images_v2/cadreBottom.jpg');
    height:10px;
}


<table class=cadre cellspacing=0>
    <tr><td class=CadreTop>NEWS</td></tr>
    <tr><td class=CadreContent>
        <span class=smallTahoma2 id=NewsIndex>
            **** ALL YOUR CONTENT IN HERE ****
            **** ALL YOUR CONTENT IN HERE ****
            **** ALL YOUR CONTENT IN HERE ****
        </span>
    </td></tr>
    <tr><td class=CadreBottom></td></tr>
</table>