link colors of headings

Hi all I have a problem I can't seem to work out.

I would like to use different colors for my linked h1 headings.

normally I would go about it like this

a.classname:link, a.classname:visited {color:#490000;}

but that does not seem to work with headings

I tried a.h1:link, a.h1:visited {color:#490000;}

anyone hav an idea how to go about this?

my h1 headings are in the background area of my site and when i keep the colors the same as my "onpage" link colors they are almost not visible anymore and I don't want to get penalized for hiding text.

Thanks,

 

Give it a class and apply to the a tag.

a.head:link {color: #0f0}
a.head:visited {color: #f00}
a.head:hover {color: #00f}

HTML:

<a href="#" class="head"><h1>This is your Header text</h1></a>

HTML:

 

That worked


thanks!

 

Except that <a> may not contain a block level element, <h1>. From w3-html4 specs

<!ELEMENT A - - (%inline;)* -(A)       -- anchor -->

Code (markup):

This;

<a href="#" class="head"><h1>This is your Header text</h1></a>

Code (markup):

should be;

<h1><a href="#" class="head">This is your Header text</a></h1>

Code (markup):

cheers,

gary

 

Top man I did not know that cheers mate.