CS5 - problems with underlined links

Question

I've set up a new CSS style in the Properties panel for my internal/external links.  Having set the font family, size, weight, colour (#CFF) etc., under the 'Text-decoration' I've used 'none'.
When I upload the page some of the links have a blue underline.  Any ideas?

Answer 1

Codes a bit messy! a lot messy actually.
You have to target the 'a' tag (anchor). In the code that I have taken from your website below there is NO anchor tag within the <span> tag which you have applied a class of 'xsmalllink' too.
<a href="millenniumgardensmap.htm"><span class="xsmalllink">Millennium Gardens</span></a>
You need to wrap the 'anchor' tag itself in the span like:
<span class="xsmalllink"><a href="millenniumgardensmap.htm">Millennium Gardens</a></span>
Then add the 'a' to the class as below:
.xsmalllink a {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #CFF;
    text-decoration: none;
That now says make all anchor tag within the span tag with the class 'xsmalllink' have no underline.
As your code is so messy with multiple span tags surrounding your anchor tags and multiple css selectors in the head section of your page I would just add to the end of your css list:
a {
text-decoration: none;
That says NO underline on any anchor tag on the page.