css styles question
 

How do I make two different link styles with css since I already have "a:link" defined? I would like different types of links on my site made with css.

Thnaks.

something like:

.catLink a:link {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.catLink a:active {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.catLink a:visited {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.catLink a:hover {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

Bawdy was on the right track. Below is how to make links different and on the first one I expounded on the different states of the link, ie. active, visited, etc.

A.red {
font-family: Arial;
font-size: 8pt;
font-weight: bold;
text-align: center;
color: #FF0000;
}

A.red:active {
color: #0000FF
}

A.red:visited {
color: #00FFFF
}

A.blue {
font-family: Arial;
font-size: 12pt;
font-weight: bold;
text-align: center;
color: #0000FF;
}

A.yellow {
font-family: Arial;
font-size: 20pt;
font-weight: bold;
text-align: center;
color: #FFFF00;
}

Now what you do is ad the CLASS attribute into the correct href tag. CLASS="red" or fully <a href="whatever" CLASS="red">


Actually it looks like GFY is mangling it, if you want ICQ me or email me and I will help you.
#65192007
john at tna.biz

Hope that helps you...

I made a quick page for you to view, has the code and working example links.

Click Here for Code

That should hook you up with what you wanted.

wow...thanks man....nice job :thumbsup

wow you are big help:D