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.
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...Last edited by Darkland; 07-08-2004, 01:49 AM.
"The towers are gone now, reduced to bloody rubble, along with all hopes for Peace in Our Time, in the United States or any other country. Make no mistake about it: We are At War now -- with somebody -- and we will stay At War with that mysterious Enemy for the rest of our lives." H.S.T. 09/12/01Comment
-
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.
"The towers are gone now, reduced to bloody rubble, along with all hopes for Peace in Our Time, in the United States or any other country. Make no mistake about it: We are At War now -- with somebody -- and we will stay At War with that mysterious Enemy for the rest of our lives." H.S.T. 09/12/01Comment
-
wow...thanks man....nice jobOriginally posted by Darkland
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.
Comment
-
wow you are big help:DOriginally posted by Darkland
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.Comment
Comment