Log in

View Full Version : CSS Drop Menu Help



Jamesmn
01-10-2011, 05:08 AM
I am currently using this script: http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/

And i'm using it for a test menu on this website:
www.reeextreme.net/index2.html

When the links on the drop down menu seem to have a blue underline and I can't figure out how to get rid of them. Does anyone have any ideas?

cindylou
01-10-2011, 05:05 PM
try using other scripts... i mean like other script styles... there are tons on the net that you can use and maybe it'll work...that script is right....but if that problem you stated is still there, try modifying it again..

jscheuer1
01-10-2011, 05:43 PM
Change in the reeextreme.net/droplinebar.css file :


/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
}

to:


/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px 8px 10px 6px;
margin: 0;
}

The real problem was:


border-bottom: 1px solid navy;

I added some extra bottom padding to compensate and then some to make it look balanced (added 4px in all to the bottom padding to make up for the 1px blue bottom border and add balance to the look). And consolidated that with the existing pdding into the shorthand padding property (top, right, bottom, left).