Results 1 to 3 of 3

Thread: SuckerTree Horizontal Menu - Width of Top Lvl Menu Items

  1. #1
    Join Date
    Nov 2007
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default SuckerTree Horizontal Menu - Width of Top Lvl Menu Items

    Question regarding the SuckerTree Horizontal Menu:
    http://www.dynamicdrive.com/style/cs...nu-horizontal/

    Is there a way to modify this code so that I don't have to set a width for the top level menu items? I want the top level tabs to be as wide as the text is. Someone asked the same question here:

    http://www.dynamicdrive.com/style/cs...nu-horizontal/

    But was referred to a menu that doesn't have the same style that I'm looking for.

    Any help would be appreciated!

  2. #2
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    you can set the width to "auto" and then set padding for the <li> so that it will look right... like so.

    Code:
    .suckertreemenu ul li a {
    border-color:black;
    border-style:solid;
    border-width:1px 1px 1px 0;
    color:navy;
    display:block;
    padding:0 25px;
    text-decoration:none;
    width:auto;
    }
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  3. #3
    Join Date
    Nov 2007
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    http://www.kittentaboo.com/test/test.html

    This worked, thanks! Felt like that was way too easy, as much time as I spent trying to figure it out...

    On another note, while testing the menu in IE 7, sometimes as I mouseover the drop downs, they will disappear... Typically when I'm moving from on sub item to the next.

    Would anyone have any clue why I'm seeing this issue?

    Thanks again.

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
  •