Results 1 to 3 of 3

Thread: CSS Drop Menu Help

  1. #1
    Join Date
    Jan 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CSS Drop Menu Help

    I am currently using this script: http://www.dynamicdrive.com/style/cs...rop_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?

  2. #2
    Join Date
    Jan 2011
    Posts
    50
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    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..

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Change in the reeextreme.net/droplinebar.css file :

    Code:
    /* 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:

    Code:
    /* 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:

    Code:
    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).
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •