Thread: How to make a H1 tag in CSS into a link
View Single Post

  #1 (permalink)  
Old 06-10-2006, 10:37 AM
shanediffily shanediffily is offline
Frontpage User
Recent Blog:
 
Join Date: Sep 2006
Location: Dublin
Posts: 3
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
shanediffily will become famous soon enough
Default How to make a H1 tag in CSS into a link
On the homepage of Diffily.com : "The Website Manager's Handbook" I have a headline "The Website Manager's Handbook". I want to use as much semantic markup as possible, so I have marked as a H1 using the following tag

h1.homepage_bannerarea {
font-size: 300%; color: #ffff00; font-family: Georgia, Verdana, Arial, Helvetica, serif; font-weight: normal; line-height: 80%; BORDER: #cccc00 0px solid; margin-bottom: -0.25em;
}

However, I now want to make this a hyperlink, with states for LINK, HOVER, ACTIVE and VISITED. How do I do that?

Is is something like

h1.homepage_bannerarea a.link { etc }
h1.homepage_bannerarea a.hover { etc }
h1.homepage_bannerarea a.active { etc }
h1.homepage_bannerarea a.visited { etc }

If so, will it still remain 'semantically' as a HEADING 1?

Thanks
Reply With Quote