Help needed with correct CSS coding please

Discussion in 'HTML & Website Design' started by Ira_150, Feb 8, 2009.

  1. #1
    Here is the part I am having a problem with:

    a:link { color: #FF6699; text-decoration: none; }
    a:visited { color: #CC9999; text-decoration: none; }
    a:hover { color: #FFC0CB; }

    That is working fine for me, however I want to add a bold text command to links and can not figure out how to do it correctly.

    When I add font-weight:bold as such:

    a:link { color: #FF6699; text-decoration: font-weight:bold; }

    or

    a:link { color: #FF6699; font-weight:bold; }

    it does not work.

    Can someone please post the correct code for me?

    The full CSS code in case you need it is:

    h1, h2, h3, h4, h5, h6, p, body
    {font-family: arial, sans-serif;}

    h1, h2, h3, h4, h5
    {color: #000000; font-size: 100%;}

    a:link { color: #FF6699; text-decoration: none; }
    a:visited { color: #CC9999; text-decoration: none; }
    a:hover { color: #FFC0CB; }

    and I want the a:link to be in bold text
     
    Ira_150, Feb 8, 2009 IP
  2. Artimmi

    Artimmi Active Member

    Messages:
    130
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    68
    #2
    I don't really see the problem, the code is correct however.

    Try to use this variation:

    
    a { color: #FF6699; text-decoration: none; font-weight: bold; }
    a:visited { color: #CC9999;}
    a:hover { color: #FFC0CB; text-decoration: underline; }
    
    Code (markup):
     
    Artimmi, Feb 9, 2009 IP
  3. Ira_150

    Ira_150 Peon

    Messages:
    77
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank You Art :)
     
    Ira_150, Feb 26, 2009 IP