PDA

View Full Version : css menu prob.



cooldaddy
Nov 19th, 2006, 06:55 PM
I've found a good looking vertical css menu somewhere on internet. So I copied it to my harddisk and altered the size of the buttons a little bit. But due too that size change the menu buttons looked strange.. so I changed the values in the css, but cant seem to get the buttons look ok and the text on the buttons aint aligned as well.. someone willing to help me ?

Ps. I've attached the menu graphics with this posting



My html:
-----------------------------------------
<div id="menu8">
<ul>
<li><a href="www.msnemo.com" title="Home">Home</a></li>
<li><a href="#2" title="About">About</a></li>
<li><a href="#3" title="Services">Services</a></li>
<li><a href="#4" title="Portfolio">Portfolio</a></li>
<li><a href="#5" title="Store">Store</a></li>
<li><a href="menu8.zip" title="Download">Download Menu</a></li>
<li><a href="#5" title="Store">Store</a></li>
<li><a href="menu8.zip" title="Download">Download Menu</a></li>
</ul>
</div>
-----------------------------------------

my css:
-----------------------------------------
ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu8 {
width: 155px;
}

#menu8 li a {
text-decoration: none;
height: 26px;
voice-family: "\"}\"";
voice-family: inherit;
height: 26px;
}

#menu8 li a:link, #menu8 li a:visited {
color: #777;
display: block;
background: url(design/menu8.gif);
padding: 0px 0 0 13px;
}

#menu8 li a:hover {
color: #257EB7;
background: url(design/menu8.gif) 0 -26px;
padding: 8px 0 0 13px;
}

#menu8 li a:active {
color: #fff;
background: url(design/menu8.gif) 0 -53px;
padding: 8px 0 0 13px;
}

joroco
Nov 20th, 2006, 12:45 AM
where did you find the menu from?
so we can see the original aswell...

cooldaddy
Nov 20th, 2006, 06:47 AM
I found that menu here: http://e-lusion.com/design/menu/