I'm uss CSS to change the default link (<a href=""></a>) colors on a
web page. Everything looks fine when I upload the pages to a web host,
and when I view them directly on my hard drive with IE6.
The problem starts when I view them locally through IIS
(http://localhost/...).
The page displays all the rest of the CSS info fine, except anything
to do with anchors. The a:hover works fine, but the page doesn't show
any changes made to any of the other a: properties
(link/visited/active).
The code is below. Is it a quirk in IIS5.1? Am I coding something
wrong? I should mention I'm a total newbie; I've been teaching myself
CSS and HTML out of a library book over the last week.
2c.html:
<html>
<head>
<title>playing with css</title>
<link rel="stylesheet" href="test2.css" type="text/css">
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="33%"> <a class="topLinks" href=""> yyyy </a> </td>
<td width="33%"> <a class="topLinks" href=""> xxxx </a> </td>
<td width="34%"> <a class="topLinks" href=""> xxxx </a> </td>
</tr>
<tr>
<td width="33%"> <a class="topLinks" href=""> xxxxx </a> </td>
<td width="33%"> <a class="topLinks" href=""> xxxxx </a> </td>
<td width="34%"> <a class="topLinks" href=""> xxxxx </a> </td>
</tr>
<tr>
<td> <a class="wahoo" href=""> test test </a> </td>
</tr>
</table>
<p class="whatever">
2c 2c 2c
</p>
<a class="wahoo" href=""> test test </a>
</body>
</html>
test2.css:
a.topLinks:link {color: black; background: blue; font-size: 15pt;
text-decoration: none;}
a.topLinks:visited {color: red; font-size: 15pt; text-decoration:
none;}
a.topLinks:hover {color: blue; background: black; font-size: 15pt;
text-decoration: none;}
a.topLinks:active {color: #008000; font-size: 15pt; text-decoration:
none;}
a.wahoo:link {color: red; background-color: black;}
p.whatever {color: red;}