Forum Moderators: not2easy
I have a web site that incorporates a dark blue table row, which contains the menu, into the masthead. The menu font that comprises links needs to be white. Trouble is, normal hypertext links down on the pages can't be seen when they're white against the white background. (I've painted myself into a corner; I can't really change the design and look and feel at this point.)
In the <body> tags I've set the link, vlink and alink HTML code to #FFFFFF in each case.
I used the following CSS style for the masthead menu:
---------------------
<style><!--a:hover{color:#66FFFF; }--></style>
<style type="text/css">
<!--
a {text-decoration: none;}
-->
</style>
---------------------
So that the hypertext links down on the white background pages will show I've used the following code with each link:
---------------------
<font face="Verdana, Arial, Helvetica, sans-serif" size="3"
link="#0000FF" vlink="#0000FF" alink="#0000FF">
<a href="view_projects_2.htm">
<font color="#0000FF"><u>View more projects</u></font></a>
----------------------
This code, written in DreamWeaver 4, seems to override the CSS just fine. I couldn't break it. It works OK in IE 6 and Netscape 4.7. Am I relatively safe?
--Sorry, forgot to mention that to try and override the CSS code in the <head> and make the otherwise white links down in the body visible, I inserted the following code around each link anchor:
-----------------------
<span style="color:blue;">View more projects</span>
-----------------------
As I said, this Rube Goldberg thing seems to work.
Don't use all that <font> stuff, it's a total pain to maintain and tends to kill the CSS anyway.
your CSS would look something like this:
a, a:visited {
color: blue;
text-decoration:underline;
}
a:hover {
text-decoration:none;
color:red;
}
then your topnav links would be like this:
a.topnav, a.topnav:visited, a.topnav:active {
color:#ffffff;
text-decoration:none;
}
a.topnav:hover {
color:gray;
}
and then just put the class in the top nav <a href="" class="topnav">link text</a>
and you're set
