Welcome to WebmasterWorld Guest from 54.166.180.246

Forum Moderators: not2easy

Message Too Old, No Replies

Huge problem with line-height in menu

huge problem

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

Junior Member

5+ Year Member

joined:Oct 28, 2006
posts: 44
votes: 0


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)

Junior Member

5+ Year Member

joined:Oct 28, 2006
posts: 44
votes: 0


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

Junior Member

5+ Year Member

joined:Oct 28, 2006
posts: 44
votes: 0


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

Full Member

5+ Year Member

joined:Mar 3, 2009
posts: 227
votes: 0


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.