Results 1 to 5 of 5

Thread: Gaps in Bullet List Accordion Menu

  1. #1
    Join Date
    Apr 2009
    Location
    South Africa
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Gaps in Bullet List Accordion Menu

    Bullet List Accordion Menu

    http://www.dynamicdrive.com/dynamici...enu-bullet.htm

    Hi there! I want to make use of the "Very Good" Bullet List Accordion Menu in my website and the problem is that I cannot get rid of the gaps between the menus. I,ve turned padding and spacing and all to 0px but still the gaps. Here is a screenshot of the original menu and what gaps I want to remove or minimize.
    http://img504.imageshack.us/img504/6381/gaps.jpg
    Last edited by Snookerman; 04-30-2009 at 07:02 AM. Reason: added “Resolved” prefix

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Please do a search on the forums first- this question has come up a few times already. It's just about tweaking the CSS.
    DD Admin

  3. #3
    Join Date
    Apr 2009
    Location
    South Africa
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Exclamation Bullet List Accordion Menu

    @ddadmin, I did search the forums and I did find topics of how to reduce gaps, but not the gaps I want to reduce thats why I posted this topic. If I found the answer I wouldn't have posted this topic so please help me If you want and unfortunately I'm not a coder or programmer and know nothing about CSS, I,m a drill-rig operator so please help me If you Can? Here's the screenshot again. http://img504.imageshack.us/img504/6381/gaps.jpg

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    That is the same gap mentioned in some of the older threads actually. Anyhow, just find the line:

    Code:
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    inside the CSS, and change that to:

    Code:
    margin: 0
    DD Admin

  5. The Following User Says Thank You to ddadmin For This Useful Post:

    internut (04-30-2009)

  6. #5
    Join Date
    Apr 2009
    Location
    South Africa
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    That is the same gap mentioned in some of the older threads actually. Anyhow, just find the line:

    Code:
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    inside the CSS, and change that to:

    Code:
    margin: 0
    Thank U, I've tried that and it worked, now I can continue building my site.

Tags for this Thread

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
  •