Discuss "CSS Button Layout" in the HTML & CSS Help forum.

Okay, I need some CSS help here. I am trying to create the layout in the picture below:



I cannot seem to get the buttons to format properly. I have scrapped all work because I could not come close to the results I was trying to obtain.

Basically, I want it so that when you click on one of the other tabs, the active tab is the BIG long tab, and the inactive is the SHORT tab. So, if I click on 'Guides & Literature', the 'Product Details' tab would look like the current Guides & Literature tab and vice versa. I have attached the image files that I have been trying to use.

If anyone can give me any input, it would be greatly appreciated. Also, if my approach with an 'on' button and an 'off' button is not correct, please advise.

Attached Files

buttons.zip (11.6 KB, 3 views)

__________________
"You'll never be as perfect as BLaaaaaaaaarche."

Hi Blaaaaaaaaaarche,

Not sure but take a look at the link....maybe this is what you want?

Dynamic Drive CSS Library- Shade Image Tabs Menu