.
I'm trying to control the properties of the links of my site pages through CSS, but with no luck.
The .css file contain the following code:
<style TYPE="text/css">
a:link {color:#cad9e6;} /* unvisited link */
a:visited {color:#cad9e6;} /* visited link */
a:hover {color:#cad9e6;} /* mouse over link */
a:active {color:#cad9e6;} /* selected link */
body{
link="#cad9e6";
vlink="#cad9e6";
text="black";
alink="#cad9e6";
background:white;
font-family:Tahoma, Courier, serif, Georgia, Verdana;
font-size:.90em;
margin-left: 10%; margin-right: 10%;
}
</style>
And the files of web pages contain the following code:
<link rel="stylesheet" href="
http://beadartcompany.com/beadstyles.css" type="text/css">
</head>
<body alink="#cad9e6" link="#cad9e6" vlink="#cad9e6">
If I did not include - alink="#cad9e6" link="#cad9e6" vlink="#cad9e6" in the BODY tag of individual pages, the links do not have the desired effects from using the .css file alone. What am I doing wrong?
Thanks for your assistance. David