Horizontal CSS Menus - Matt Black Tabs

[alusardi]

Hi, How can I make this menu to fit my webpage, I have 9 links and I want to make them fit to 800 px width. Thanks

and here it is a link to this menu

http://www.dynamicdrive.com/style/cs...lack_tabs/P20/

[Snookerman]

Try increasing this value:

.mattblacktabs li a {
background:#414141 none repeat scroll 0 0;
border-right:1px solid white;
color:white;
display:block;
float:left;
margin:0;
padding:7px 8px;
text-decoration:none;
}

Good luck!

[alusardi]

Hi,
Thanks for that, but it still doesn't really work, even if I increase the padding, it leaves the small empty gap after the last button. It doesn't stretch to the right edge of the page automaticaly. Is there any code which does the trick, and stretch the menu nicely, so it fits the page?

[Snookerman]

You could remove the left-right padding and specify the width instead like this:

.mattblacktabs li a {
background:#414141 none repeat scroll 0 0;
border-right:1px solid white;
color:white;
display:block;
float:left;
margin:0;
padding:7px 0;
text-decoration:none;
width: 10%;
}

If it still doesn't work for you, please post a link to your site so I can take a look.

Good luck!