<a href & <a id CSS coding help!!

Messages
740
Reaction score
1
Points
18
Building a new website - http://www.horseracingtipcomparison.com

On this page - http://www.horseracingtipcomparison.com/uk-horse-racing-tracks-number-2/

Obviously at the top if you click any of the names, it takes you down the page to that anchor for that track.
I want the track names at the bottom to just be text in black. What's wrong with my CSS coding??

Code:
<a href="#AINTREE">Aintree</a>
<a href="#ASCOT">Ascot</a>
<a href="#AYR">Ayr</a>

Code:
<a id="AINTREE">Aintree</a>
<a id="ASCOT">Ascot</a>
<a id="AYR">Ayr</a>

Code:
 a, a:link, a:active { text-decoration:underline; color:#06C; }
a:hover { color:#06C; }
a:visited { color:#06C;/*#6300CC*/; }
.ainv a, .ainv a:link, .ainv a:visited, .ainv a:active { text-decoration:none; }
.ainv a:hover { text-decoration:underline; }
a.ainv:link, a.ainv:visited, a.ainv:active { text-decoration:none; }
a.ainv:hover { text-decoration:underline; }

a.id { 
     color:#000; 
     text-decoration:none; }
 
Last edited:

AngusThermopyle

Active Member
Messages
319
Reaction score
52
Points
28
To each link you want to make plain add
class="plain"
and then to css add

Code:
a.plain {
color:#000;
text-decoration:none; }
OR

just change your current css to
Code:
a[id]{
color:#000;
text-decoration:none; }

but this will turn any link with an id black and no underline

Check the Forum for recent threads about changes not showing up immediately due to browser and server caching and ways around it.
 
Top