Web Analytics Made Easy -
StatCounter two lnk styles - CodingForum

Announcement

Collapse
No announcement yet.

two lnk styles

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • two lnk styles

    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!


    Code:
    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;
    }

  • #2
    No such pseudo-class as link2
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"

    Comment


    • #3
      previous CF thread...

      I was basing my code on this thread...

      Previous CF thread

      Wonder what I am doing wrong...

      Comment


      • #4
        Try the following and read this section of w3schools about pseudo classes.
        Code:
        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;
        }

        Comment


        • #5
          Thanks!!

          I really appreciate your input and the web link. What a wonderful resource!

          Comment

          Working...
          X