Results 1 to 8 of 8

Thread: My nested sidebar menu has gaps or space between items

  1. #1
    Join Date
    Aug 2011
    Location
    Windsor, California
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post My nested sidebar menu has gaps or space between items

    I am using the DD nested sidebar menu located here:

    http://www.dynamicdrive.com/style/cs...side_bar_menu/

    It has no gaps between items. Mine is located here:

    http://awesomeart1.brinkster.net/awesome/default2.asp

    and it has gaps or spacing between each item and it causes my menu to be too long vertically.

    Anybody know of a fix for it
    Last edited by allenc; 08-13-2011 at 02:43 PM.

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    372
    Thanks
    5
    Thanked 34 Times in 32 Posts

    Default

    Quote Originally Posted by allenc View Post
    I am using the DD nested sidebar menu located here:

    http://www.dynamicdrive.com/style/cs...side_bar_menu/

    It has no gaps between items. Mine is located here:

    http://awesomeart.brinkster.net/awesome/default2.asp

    and it has gaps or spacing between each item and it causes my menu to be too long vertically.

    Anybody know of a fix for it
    I could help you if your link worked =P

  3. #3
    Join Date
    Aug 2011
    Location
    Windsor, California
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default nested sidebar

    Sorry, I fixed it

  4. #4
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    372
    Thanks
    5
    Thanked 34 Times in 32 Posts

    Default

    Code:
    /* Top level menu links style */
    .sidebarmenu ul li a{
    display: block;
    overflow: auto; /*force hasLayout in IE7 */
    color: white;
    text-decoration: none;
    padding: 6px;
    border-bottom: 1px solid #778;
    border-right: 1px solid #778;
    }
    Just try changing the padding to something smaller. Let me know if that doesnt work then i will do it another way.

  5. #5
    Join Date
    Aug 2011
    Location
    Windsor, California
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Nested sidebar

    I have tried changing that padding to higher and lower than 6px, but that doesn't hlp. If you change it to 1 px it makes the tabs narrower but messes up he sub menu alignment and it still doesn't get rid of the gaps.

    I use Mozilla browser with the web developer toolbar and you can edit css on the fly and see how changes look immediately without having to ftp. It doesn't edit it on the server, just shows what changes will look like

    Thanks,

    Allen

  6. #6
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    In firebug it looks like this is the problem

    Code:
    .col2 ul li {
    	margin-left: -5px;
    	padding-top: 3px;
    	padding-bottom: 3px;
    }
    It is in the art.css line 178
    try to change it to 0 or just delete the padding here and see if that helps

  7. #7
    Join Date
    Aug 2011
    Location
    Windsor, California
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default nested sidebar

    WOW, fabulous! Thanks very much, great find!

    I wasn't even thinking about the CSS above the sidebar menu

    How did you notice it, do you use Mozilla with the developer toolbar?

    How ever you found it thank you very mich

    Regards,

    Allen

  8. #8
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    I use the firebug add on. It's very useful. You can find it here

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
  •