Link to home
Start Free TrialLog in
Avatar of maqskywalker
maqskywalker

asked on

html table links css style

I have this fiddle which contains a html table

http://jsfiddle.net/j8kz93va/

If you notice this fiddle contains some links on the page and a html table with a column called TeamWebsite containing some links and another column called CheerleaderWebsite

In my css I want to have 3 different link color styles.
One style is for any links on my page.
So in this case TestLink1, TestLink2, and TestLink3 would use the page links style.
Which I already set in the fiddle.

I want to have the links in the TeamWebsite column to have this style
a:link        navy
a:hover    purple
a:visited   pink
a:active    gray

I want to have the links in the CheerleaderWebsite colum to have this style
a:link        brown
a:hover    teal
a:visited   orange
a:active    gray

I tried setting the style for the links in my table link columns but it's not working.

Anyone know how I set the style for the link columns in my table per the colors listed above?
ASKER CERTIFIED SOLUTION
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial