Solid Block menu

[jhatter]

On the solid block menu:

http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/

What amendments should I make to the code and css so that the menu does not extend past the last tab? (GALLERY in this case) So what you would be left with is just 6 tabs.

[raja]

i think u have to change the width % to the desired width in pixels. I think it should work.

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%; <---------------<<< change this to ur desired width in pixels.
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}

</style>





</style>

[jhatter]

Thanks for your reply.

I tried altering the width, which changed things but I still couldn't achieve what I wanted.

So I deleted WIDTH: 100%; This gave me precisely what I wanted, although it's probably not the correct way to do it. Also I don't know knock-on effect this might have with other CSS on my site