Results 1 to 3 of 3

Thread: DDSmooth Menu: border between submenu elements

  1. #1
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    197
    Thanks
    43
    Thanked 1 Time in 1 Post

    Default DDSmooth Menu: border between submenu elements

    1) Script Title: DDSmoothMenu

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm

    3) Describe problem: I have the menu installed and working, but would like to add a border between each element in the submenu which pops out.

    I have removed the shadow and added a border around the entire submenu here: https://www.gidgetsclothing.com/test.html

    I was able to get a border to appear between each element by adding the following code to ddsmoothmenu-v.css
    .ddsmoothmenu-v ul li ul li{
    border-bottom: 1px solid #808080;
    text-align:left;
    }


    But in IE7 the submenu items kept disappearing on mouse over, so I removed that. Is there another way to achieve this without messing up the menu's function?
    Thanks,
    Deborah
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,030
    Thanks
    44
    Thanked 3,211 Times in 3,173 Posts
    Blog Entries
    12

    Default

    I'd try:

    Code:
    .ddsmoothmenu-v ul li ul li a {
    border-bottom: 1px solid #808080;
    text-align:left; 
    }
    - John
    ________________________

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

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    dmwhipp (10-30-2009)

  4. #3
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    197
    Thanks
    43
    Thanked 1 Time in 1 Post

    Default

    Working perfectly - thanks John!
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

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
  •