Hi everyone,


I am trying to write the CSS for a vertical navigation bar.

The problems lies in the fact that the buttons are not regulated in size. ie. the "home" part is just the width of home, and the "most wanted" is being displayed as "most
wanted".

Can you regulate the width of the buttons - links.

here is the code

div.vmenu {
margin: 0;
padding: 0;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1em;
padding: .1;
border: solid 2px #fcdbe4;
background: #f9c8d8;
width: 25%;
}

div.vmenu ul {
list-style: none;
margin: 0;
padding: 0;
padding: .1em;
}

div.vmenu ul li {
margin: 0;
padding: 0;
}

div.vmenu ul a {
margin: 0;
padding: 0;
padding-left: .1em;
padding-right: .1em;
padding-top: .1em;
padding-bottom: .1em;
text-decoration: none;
background: #fcdbe4;
border: solid 2px #c2c2c2;
font-weight: bold;
font-size: medium;
display: block;
}

div.vmenu ul a:link, div.vmenu ul a:visited {


} div.vmenu ul a:hover, div.vmenu ul a:focus {
background: #c2c2c2;
color: #ffffff;
border: solid 2px #eec;
}

Thank you for your help and again apologies if i am not in the right place.
c.

Yes, this can be done.

Try adding your width to div.vmenu ul a

width:250px;

for example.

If that doesn't work can you show us a url of the site in question - even a temporary test folder with just the nav...

Cheers,
Frank

Frank this has worked perfectly, thank you so much for your help. I am just starting out and have spent hours trying to fix it, so as you can imagine your help is very much appreciated.

Thanks
C.

no bother...
I get great help on these forums myself, so it's good to be able to help someone else!