Forum Moderators: open
I've been battling with this for ages. I have a navigation bar that is unordered list and it works perfectly in FF and safari but completely disappears in IE7. (it show up in IE8 but not in IE6 if that's helpful)
Any insights would be HUGELY appreciated!
Thanks
***********CODE************
*****HTML****
<div id="navcontainer">
<div id="nav">
<ul>
<li><a href="#"id="homenav">home</a></li>
<li><a href="info.html" id="infonav">information</a></li>
<li><a href="folio.html" id="folionav">portfolio</a></li>
<li><a href="pricing.html" id="pricingnav">pricing</a></li>
<li><a href="contact.html" id="contactnav">contact</a></li>
</ul>
</div>
</div>
*****CSS******
div#nav {
height: 32px;
border:0px;
margin-left: 550px;
}
div#nav ul {
margin: 0px;
padding: 0px;
font-family: Verdana, Helvetica, "Lucida Grande", Geneva, Arial;
font-size: 12pt;
color: #FFF;
line-height: 30px;
white-space: nowrap;
}
div#nav li {
list-style-type: none;
display: inline;
}
div#nav li a {
text-decoration: none;
color: #FFF;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
div#nav li a:link {
color: #FFF:
}
div#nav li a:hover {
color: #00A4EC;
background-color: #FFF;
}
body#home a#homenav,
body#pricing a#pricingnav,
body#info a#infonav,
body#folio a#folionav,
body#contact a#contactnav {
color: #00A4EC;
background-color: #FFF;
}
[edited by: tedster at 10:13 pm (utc) on Sep. 14, 2009]
[edit reason] no personal urls - thanks [/edit]
I have a navigation bar that is unordered list and it works perfectly in FF and safari but completely disappears in IE7.
The provided markup shows the navigation bar working fine in IE7 from here. (Had to add background-color: to the <body> to see the test.) There are a couple of missing puzzle pieces to the problem. Something else is involved.
The provided markup shows the navigation bar working fine in IE7 from here. (Had to add background-color: to the <body> to see the test.) There are a couple of missing puzzle pieces to the problem. Something else is involved.
Thanks for the quick response. I think there is an issues with the navigation bar being hidden because the cursor changes to a pointer but the only link available is to '#' and the text has disappeared
Thanks again
[edited by: eelixduppy at 10:59 pm (utc) on Sep. 14, 2009]
[edit reason] no URLs, please [/edit]
if you could have a look at the site, <snip>
The link (with a typ0 in the URI, BTW) got chopped from the OP. This one is going to get cut as well. I have looked at the site, but cannot comment on what I saw there. That isn't the way things work here.
You need to strip the HTML/CSS down to the problem itself. More than likely you will discover the solution in this process. If not, post the markup (test ready) that shows the problem and then we've got something to work with. (No code dumps - work it down to the problem.)
