| Huge problem with line-height in menu
huge problem |
fendy
msg:4114213 | 10:02 am on Apr 12, 2010 (gmt 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;
}
|
fendy
msg:4114214 | 10:03 am on Apr 12, 2010 (gmt 0) |
if you want the whole css or the site url, please let me know
|
fendy
msg:4114507 | 7:05 pm on Apr 12, 2010 (gmt 0) |
anybody?
|
CSS_Kidd
msg:4114554 | 7:40 pm on Apr 12, 2010 (gmt 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.
|
|
|
