PDA

View Full Version : Please help Accordion Menu



giaco
03-16-2009, 07:04 AM
1) Script Title:
Accordion Menu
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-urban.htm
3) Describe problem:
Mz problem is that i want to get rid of the spaces between the header of the meniu, i have seen that i am not the only one with this problem and i know that it is in CSS, look at my CSS because i can't find the source of the problem, i don't find the padding in CSS

.urbangreymenu{
width: 138px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: normal 12px Arial;
color: white;
background: #0053AA;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 5px 0px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #D0EEF6;
display: block;
padding: 3px 0;
line-height: 17px;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #012559;
}

:confused::confused::confused: and I am very confused. Please help me.

ddadmin
03-16-2009, 08:48 AM
Most likely there is some other CSS that's affecting the spacing of the headers. If your headers are DIV elements, then you'll need to look at any CSS that styles DIVs in general on your page as well. Please post a link to the page on your site that contains the problematic script so we can check it out.