Results 1 to 3 of 3

Thread: Smooth Navigational Menu - how to get different height in sub-menu

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

    Default Smooth Navigational Menu - how to get different height in sub-menu

    1) Script Title: Smooth Navigational Menu

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

    3) Describe problem: To accommodate an image set in <li class="pumpkin"> with CSS as:

    .pumpkin {
    background-image:url('../images/creepy/pumpkin2.png');
    background-repeat:no-repeat;
    background-position:center;
    padding:0px;
    }

    I have set a minimum height as:

    .ddsmoothmenu-v ul li {
    position: relative;
    min-height:111px;
    }

    This makes ALL sub menu ul li's 111 pixels when I just want them to be 15px or so to accommodate simple text with no image setting.

    I fooled around with a:selected in various places to no avail.

    How can I get these sub menu <li>'s to be different height?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,127
    Thanks
    44
    Thanked 3,228 Times in 3,189 Posts
    Blog Entries
    12

    Default

    Which element(s) have the pumpkin class? Are they li's, a tags? something else? If they're the li's, set the added height for the .pumpkin class itself. If they're something else add a different class for those li's that have pumpkin class content in them and set the added height there.

    The browser cache may need to be cleared and/or the page refreshed to see changes.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

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

  3. #3
    Join Date
    May 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thanks John

    Quote Originally Posted by jscheuer1 View Post
    Which element(s) have the pumpkin class? Are they li's, a tags? something else? If they're the li's, set the added height for the .pumpkin class itself. If they're something else add a different class for those li's that have pumpkin class content in them and set the added height there.

    The browser cache may need to be cleared and/or the page refreshed to see changes.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    That did it and I appreciate your help in getting over my 'duh' moment!

Similar Threads

  1. Smooth Navigational Menu (v2.0) : vertical menu and dropdown list hidden
    By pepitr in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-17-2013, 08:04 PM
  2. Smooth Navigational Menu (v1.4), No drop down menu or arrows showing
    By tradehost in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 11-19-2010, 09:19 AM
  3. Smooth Navigational Menu - Menu is Hidden underneath flash
    By pipelimecreative in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-25-2009, 01:05 AM
  4. Expand menu (Smooth Navigational Menu) via link in text
    By annes in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-10-2009, 10:11 AM
  5. Replies: 0
    Last Post: 02-17-2009, 08:08 PM

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
  •