PDA

View Full Version : sliding doors tab height css



parmenti
06-20-2007, 11:04 PM
1) Script Title: CSS Sliding Doors Tabs

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

3) Describe problem: Trying to increase tab height

Hello.. I can't figure out how to increase the height of the tabs.. It seems that even the tabs on dynamic drive have more height than mine but I implemented them exactly as with the script on the site.. It would be much appreciated if someone can help me..

Thanks

ddadmin
06-21-2007, 04:10 AM
You should be able to increase the menu's height by increasing the padding inside each item:


#slidetabsmenu a span {
float:left;
display:block;
background:url(media/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

Change 3px to something larger (one for the top padding, the other bottom.

Also, you can try increasing the font size within the CSS (default is 90%).