...

View Full Version : two lnk styles



Twelvethman
02-09-2004, 09:27 PM
I am using the code mentioned below ..but for some reason the the style sheets do not render different. Some of the links on the page partially follow link2 and some of them follow link

Any suggestions would be deeply appreciated!




a:link{
color: #545454;
text-decoration: none;
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: bold;
}

a:link:visited{
color: #545454;
text-decoration: none;
font-size : 12px;
font-family : Arial, sans-serif;
font-weight : bold;
}

a:link:hover{
font-family : Arial, sans-serif;
text-decoration: underline;
font-size : 12px;
color: Red;
font-weight : bold;
}

/* second link style */

a:link2{
color: #005ACE;
text-decoration: none;
font-size : 10px;
font-family : Arial, sans-serif;
font-weight : bold;
}

a:link2:visited{
color: #005ACE;
text-decoration: none;
font-size : 10px;
font-family : Arial, sans-serif;
font-weight : bold;
}

a:link2:hover{
font-family :Arial, sans-serif;
text-decoration: underline;
font-size : 10px;
color: #FD0000;
font-weight : bold;
}

Vladdy
02-09-2004, 09:32 PM
No such pseudo-class as link2

Twelvethman
02-09-2004, 10:30 PM
I was basing my code on this thread...

Previous CF thread (http://codingforums.com/showthread.php?s=&threadid=8505)

Wonder what I am doing wrong...

Antoniohawk
02-09-2004, 10:39 PM
Try the following and read this (http://www.w3schools.com/css/css_pseudo_classes.asp) section of w3schools about pseudo classes.


a.link{
color: #545454;
text-decoration: none;
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: bold;
}

a.link:visited{
color: #545454;
text-decoration: none;
font-size : 12px;
font-family : Arial, sans-serif;
font-weight : bold;
}

a.link:hover{
font-family : Arial, sans-serif;
text-decoration: underline;
font-size : 12px;
color: Red;
font-weight : bold;
}

/* second link style */

a.link2{
color: #005ACE;
text-decoration: none;
font-size : 10px;
font-family : Arial, sans-serif;
font-weight : bold;
}

a.link2:visited{
color: #005ACE;
text-decoration: none;
font-size : 10px;
font-family : Arial, sans-serif;
font-weight : bold;
}

a.link2:hover{
font-family :Arial, sans-serif;
text-decoration: underline;
font-size : 10px;
color: #FD0000;
font-weight : bold;
}

Twelvethman
02-11-2004, 09:05 PM
I really appreciate your input and the web link. What a wonderful resource!

:thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum