Hi,
I have a page with this content:
<div>We also have environmentally friendly methods for <span class="echolink14"><a href="http://www.echotree.ca/CompostTea.aspx">fertilizing your trees</a> </span>and <span class="echolink14"><a href="http://www.echotree.ca/Cankerworms.aspx">dealing with cankerworms </a></span>and other pests. </div>
In my portal css, I have:
.echcolink14 A:link {font-size: 14px; color: #285d15; text-decoration: none; font: normal;}
.echcolink14 A:visited {font-size: 14px; color: #285d15; text-decoration: none; font: normal;}
.echcolink14 A:active {font-size: 14px; color: #285d15; text-decoration: none; font: normal;}
.echcolink14 A:hover {text-decoration: underline; font-size: 14px; color: #285d15; text-decoration: underline; font: normal;}
Here is the page:
http://www.echotree.ca/Home.aspx
As you can see, the links are not 14px (they are 12) - and for some reason when hovering over the links, they are bold - yet the class does not specify bold... I'm about to pull my hair out ... Any ideas?
For reference, here is the standard A class in my portal.css:
A:link
{
text-decoration: none;
font-size: 12px;
color: #285d15;
font: normal;
}
A:visited
{
text-decoration: none;
font-size: 12px;
color: #285d15;
font: normal;
}
A:hover
{
text-decoration: underline;
font-size: 12px;
color: #285d15;
font: normal;
}
A:active
{
text-decoration: none;
font-size: 12px;
color: #285d15;
font: normal;
}