Welcome to WebmasterWorld Guest from 54.144.206.73

Forum Moderators: not2easy

Huge problem with line-height in menu

huge problem

   
10:02 am on Apr 12, 2010 (gmt 0)

5+ Year Member



Hi

I have this problem, in ie there is too much space between menu lines, approc 50px, but in firefox it looks good

Here is the code of the menu, can somebody tell me why

/* Secondary Links (Non-Suckerfish/Enchanced) */

#secondary-links h2 {
display:none;
}

#secondary-links {
/*border-left: 1px solid #000000;
border-right: 1px solid #000000; */

}

#secondary-links, #secondary-links ul {
padding-left:150px;
padding-top:20px;
margin: 0;
list-style: none;
line-height: 26px;
z-index: 10;

}

#secondary-links a {
padding: 0 10px;
display: block;
font-weight:900;
font-size: 12px;
color: #fff;
display: inline-block } /* IE6 only */

/*background: #D9D9D9 url(../images/secondary.png) repeat-x;*/
}

#secondary-links a:hover, #secondary-links a:active {
color: #b8efbc;
}

#secondary-links li {
padding: 0;
margin: 0;
float: left;
list-style: none;
line-height: 26px;
}
10:03 am on Apr 12, 2010 (gmt 0)

5+ Year Member



if you want the whole css or the site url, please let me know
7:05 pm on Apr 12, 2010 (gmt 0)

5+ Year Member



anybody?
7:40 pm on Apr 12, 2010 (gmt 0)

5+ Year Member



I usually apply the block to the the "li" and the line height to the "a" (I use em for line height). Try switching the two and removing the line height from the #secondary-links, #secondary-links ul. Then ad as needed.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month