css display issue

Discussion in 'CSS' started by getbestproduct, Dec 27, 2010.

0
  1. #1
    I have 'inherited' some css and have tried to make some changes.

    What I have is:

    .footerlink a:link { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none }
    .footerlink a:focus { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none }
    .footerlink a:hover { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline }
    .footerlink a:active { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none }

    What I was expecting was that the text that is hyper linked would be white (#FFFFFF) and would not be underlined, when the text is hovered over it would then appear underlined. (and be white)

    What I got was the hyper linked text was the usual blue color and also underlined and when hovered over the text appeared white and underlined.

    Can anyone tell me what changes will need to be made to the css code to produce the behavior that I am after?,

    Namely: The text that is hyper linked will display white (#FFFFFF) and not the hyper linked blue color and will not be underlined and when the text is hovered over it will appear underlined and remain white.

    Thanks in advance,
     
    getbestproduct, Dec 27, 2010 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    Posted CSS looks okay. You've gotta show us the markup as well or the actual link.
     
    radiant_luv, Dec 27, 2010 IP
  3. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #3
    Sometimes a class is not enough, we need more informations/markup/css or a link to the site.
     
    CSM, Dec 27, 2010 IP
  4. WebPageMistakes

    WebPageMistakes Well-Known Member

    Messages:
    91
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    110
    #4
    1. put that coding below any coding for links in your CSS. If it is above the later styles are overriding these.

    2. Check to see if there are any link styles in the head section or inline styles overriding this.
     
    WebPageMistakes, Dec 27, 2010 IP
  5. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #5
    Try this.

    
a.footerlink:link { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; }
a.footerlink:visited { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; }
a.footerlink:hover { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; }
a.footerlink:active { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; }
    Code (markup):
     
    jeremyhowell, Dec 27, 2010 IP
  6. php.freak

    php.freak Well-Known Member

    Messages:
    185
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #6
    please check w3schools.com it would be very informative for you
     
    php.freak, Dec 31, 2010 IP
  7. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Even better:
    
a.footerlink:link, a.footerlink:visited, a.footerlink:hover, a.footerlink:active { color: #FFFFFF; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; }
a.footerlink:hover { text-decoration: underline; }
    Code (markup):
     
    GWiz, Jan 3, 2011 IP