COLORS OF HYPERLINKS 3

Rohdem · Jan 28, 2005

I want the color of my hyperlinks to be the same whether it is visited, not visted, or active, but I have 2 tables and I want the hyperlinks one color in one table and another color in another table. Is this possible?

I just know the basic HTML stuff. If I try using the <body> tag and vlink, etc, it changes the links for the whole page. Is there a property I can use to set this at the table level?

Thanks!!

cLFlaVA · Jan 28, 2005

Declare an id for each table, like this:

Code:

<table id="tbl1">
  ...
</table>

<table id="tbl2">
  ...
</table>

Then, in the <head></head> tags, have this:

Code:

#tbl1 a:link { color: red; }
#tbl1 a:visited { color: red; }
#tbl1 a:hover { color: red; }
#tbl1 a:active { color: red; }

#tbl2 a:link { color: blue; }
#tbl2 a:visited { color: blue; }
#tbl2 a:hover { color: blue; }
#tbl2 a:active { color: blue; }

*cLFlaVA
----------------------------
[tt]tastes great, less filling.[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

Rohdem · Jan 28, 2005

Hi,

Thanks for the response.

When I try this, the '#tbl1 a:link { color: red; }......' stuff just appears in the browser. Am I missing something??

Thanks!!

pgaec · Jan 28, 2005

Yeah, you are missing the <style> tag. Try

Code:

<head>
<style>
#tbl1 a:link { color: red; }
#tbl1 a:visited { color: red; }
#tbl1 a:hover { color: red; }
#tbl1 a:active { color: red; }

#tbl2 a:link { color: blue; }
#tbl2 a:visited { color: blue; }
#tbl2 a:hover { color: blue; }
#tbl2 a:active { color: blue; }
</style>
</head>
[code]

pgaec · Jan 28, 2005

err...

Code:

<head>
<style>
#tbl1 a:link { color: red; }
#tbl1 a:visited { color: red; }
#tbl1 a:hover { color: red; }
#tbl1 a:active { color: red; }

#tbl2 a:link { color: blue; }
#tbl2 a:visited { color: blue; }
#tbl2 a:hover { color: blue; }
#tbl2 a:active { color: blue; }
</style>
</head>

CliveC · Jan 29, 2005

Not that it really matters much but this would suffice.

<head>
<style>
#tbl1 a { color: red; }
#tbl2 a { color: blue; }
</style>
</head>

Clive

http://tubularity.com

http://PalliativeCareConsulting.org

Rohdem · Jan 29, 2005

That works perfect, thanks for the help everyone!!!

Clive...it does matter to me, that is much shorter!!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

COLORS OF HYPERLINKS 3

Rohdem

Programmer

cLFlaVA

Programmer

Rohdem

Programmer

pgaec

Programmer

pgaec

Programmer

CliveC

Programmer

Rohdem

Programmer

Similar threads

Part and Inventory Search

Sponsor