Sent by Brooke Nelson on 9 July 2007 20:08
Well, I think I may have fixed it, although I cannot understand what
was going wrong...
All I did was change one thing in the CSS styling the navbar:
>From my CSS - all I did was change the background-color of the ul to
transparent. How would that have been causing that problem??
/* ==============Main horizontal navigation menu=================== */
#vdividermenu {
margin: 0;
padding: 0;
}
#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: bold 10px verdana;
width: 100%;
height: 26px;
background-color: transparent;
/*background-color: #fbe20d;*/
line-height: 26px;
}
* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}
#vdividermenu ul li{
display: inline;
}
#vdividermenu ul li a{
float: left;
color: black;
padding: 0px 12px;
text-decoration: none;
background: transparent
url(http://moon4schools.com/images/vertical.gif) top right no-repeat;
height: 26px;
}
#vdividermenu ul li a:visited{
color: black;
}
#vdividermenu ul li a:hover{
color: black;
background-color: #ffffff;
}
On 7/9/07, Brooke Nelson [EMAIL-REMOVED]> wrote:
> Help! What is happening to my navbar in IE?
>
> A big space appears between the first letter and the rest of the
> letters of each link. For example: It should be "Contact" but looks
> like this: "C[big space]ontact"
>
> Here is a screenshot which show what it looks like in Firefox
> (correct) and IE (wrong!) -
> http://moon4schools.com/test/screenshots.gif
>
> Here is the page: http://moon4schools.com/test/index-test.html
>
> And the css: http://moon4schools.com/test/style.css
>
> This is so strange, please help!
>
> Brooke
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
