The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

CSS Problems - Design to CSS

Hey,

I am having some troubling turning a concept I have from Photoshop into a working CSS layout. The layout is below, the problem I am really having is with the fading background on the sides and I am am also having problems with the tabs. I want to make them expandable with the layout, so it doesn't break if you increase the size of the font a few times.

maybe i can be a little helpful.
assuming you are using a fixed width layout: for your background i would define a background image in css, with the image spreading over the whole width of your layout and a height of about 3px, containing your fading borders - like this:

If you want expanding tabs then the sliding doors tabs that was also mentioned above are pretty straight forward and will expand as required.

However if you want something really simple then all you need do is make 2 little circle gifs and place them in the corners of your tab. If your tab is sized in ems then it will grow and the gifs can be absolutely placed in the corners.