I am making a website for a college assignment and have come across a problem... It'll be great if you guys could help me please!
I have rollover links that turn blue when a user hovers over them. These work perfectly fine in Firefox (latest update) but don't in Internet Explorer (7.0.. its what the college uses).
The weird thing is that one link works in IE and the rest are just displayed as texts (and not even clickable).. The top link "Windows" is the one that works in IE, the rest don't even budge!
I'm truly stumped and so are my class mates. I don't know how to make the links work in both IE and Firefox without destroying the work Ive done so far.
** Code for the links **
<div id="links">
<p class="style2"><a href="windows.html" class="navlinks">Windows</a><br />
<br />
<a href="quotations.html" class="navlinks">Quotations</a><br /><br />
<a href="ordering.html" class="navlinks">Ordering</a><br /><br />
<a href="expectations.html" class="navlinks">Expectations</a><br /><br />
<a href="faq.html" class="navlinks">FAQ</a><br /><br />
<a href="contactus.html" class="navlinks">Contact Us</a> </p>
</div>
** CSS **
/* Links */
a.navlinks {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
}
a.navlinks:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #99CCFF;
/*font-size: 19px;*/
font-weight: 500;
}
a.bodylinks {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-side: 12px;
text-decoration: none;
}
/*a.bodylinks:hover {
}*/
..If you need any additional info then please ask away, I will be on the computer 24-7 (as usual) until I fix this!
Thanks for your time guys :]
