Results 1 to 4 of 4

Thread: Margin between header in Bullet List Accordion Menu

  1. #1
    Join Date
    Jun 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Margin between header in Bullet List Accordion Menu

    1) Script Title: Bullet List Accordion Menu

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

    3) Describe problem:
    I would like to reduce the margin between headers. For example, when the menu is closed, CSS Library and CSS drive are separated too much for me. So I want to reduce the margin. But I am not able to find any CSS which controls this.
    Can anyone tell me how to control this margin?
    Thanks.

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    well in these two lines: (in the .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ section)

    Code:
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    padding: 4px 0 4px 10px; /*header text is indented 10px*/
    you have 20 px of space at the bottom.. try cutting those each in half and see if there is a change...(the two 10px as the other numbers are top, right, and left respectively).
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

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

    Default

    If that doesn't work, try adding a negative top margin to the H3 tags, for example:

    Code:
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    margin-top: -5px;
    Line in red is new.

  4. #4
    Join Date
    Jun 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks. Negative margin works.
    You genius.

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
  •