I have an <h2> heading which I've replaced with a background image, and used CSS
text-indent to prevent the 'real' text showing.
The relevant CSS is:
h2#azw {
background-image: url(graphic/amazingwildlife.gif);
text-indent: -9999px;
}
All's well until I need to put a link on the text. The following works OK but
doesn't validate because the <h2> is inside the <a>:
'<a href="#" onclick="javascriptfn()"><h2 id="azw">Scotland's Amazing
wildlife</h2></a>'
Putting the <a> inside the <h2> as required to validate doesn't create a link on
the background image.
See: http://www.holidaymullandiona.co.uk/index.php (the heading in the box)
I have tried absolutely positioning the <h2> way off screen and then inserting
a
normal image carrying the link. It works, and validates, but is more code, and
I have to have an (empty) 'alt' etc.
Any better ideas, please ?
Tim Dawson
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
