PDA

View Full Version : AnyLink Drop Down Menu



Tania Cassidy
01-28-2006, 02:18 AM
Hi,
Re: AnyLink Drop Down Menu
http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

Hi I'm trying to use the above drop down menu, which is great ta, though I was just trying to eliminate the horizontal border lines between each menu item.. the bit in the css // border-bottom: 1px //
I'd like to just have a single border line at the bottom of the menu list.
can anyone help me?

jscheuer1
01-28-2006, 06:32 AM
Well, as I am sure you have guessed, you need to get rid of that line from the css, you also need to remove one other line. Both are highlighted red in the below (from the demo):


<style type="text/css">

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

</style>