PDA

View Full Version : Margin between header in Bullet List Accordion Menu



sogood
01-26-2008, 06:11 PM
1) Script Title: Bullet List Accordion Menu

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.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.

BLiZZaRD
01-26-2008, 06:19 PM
well in these two lines: (in the .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ section)



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).

ddadmin
01-26-2008, 06:23 PM
If that doesn't work, try adding a negative top margin to the H3 tags, for example:


margin-bottom: 10px; /*bottom spacing between header and rest of content*/
margin-top: -5px;

Line in red is new.

sogood
01-26-2008, 06:39 PM
Thanks. Negative margin works.
You genius.