Sent by Darren Danks on 28 June 2004 00:12
Hi everyone
This is my first post on here so please bear with me.
I'm working on a site and I've got a horizontal navigation bar built from
simple text. I'm using CSS to style the nav bar with brown text as standard
with an inverse on a:hover so the background of the text goes brown and the
text goes white. Simple enough but I have a problem with the home link. It's
linking to index.htm but on hover, the background goes brown but the text
doesn't go white, it stays brown. Now if I change the link to something like
tempindex.htm then everything is tickety boo. Is this a known problem? Is
there a workaround? I've tried it in IE and Firefox and it happens in both.
I'm specifying all link states so there's no guess work involved. The code
I'm using is:-
CSS:-
#nav a:link {color:#996600; text-decoration:none;}
#nav a:hover {color:#ffffff; background-color:#996600;}
#nav a:active {color:#996600; text-decoration:none;}
#nav a:visited {color:#996600; text-decoration:none;}
HTML:-
<div id="nav">
<a href="index.htm">Home</a> |
<a href="about_us.htm">About Us</a> |
<a href="services.htm">Services</a> |
<a href="booking.htm">Booking</a> |
<a href="find_us.htm">Find Us</a> |
<a href="contact.htm">Contact Us</a>
<hr width="730">
</div>
Any help/tips would be very much appreciated.
Many thanks
Darren
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
