www.webdeveloper.com
Results 1 to 4 of 4

Thread: [RESOLVED] a pseudo class not working.

  1. #1
    Join Date
    Jun 2007
    Location
    USA
    Posts
    30

    resolved [RESOLVED] a pseudo class not working.

    I don't understand why this is not working. I've looked at my book and at the w3c site and my code matches. My page passes the HTML validation site, but the CSS validation site says there is a Phase error on line 59, just after the last a:active property.
    What am I overlooking?

    This -> here <- is the page I'm working on, I'm trying to get the Download link at the bottom of the page to display a different color for each state. Right now it won't change from the default blue.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
       <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Duala v1.97full Suggestions.html</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <style>
    
    a:link {color:#yellow;} a:visited {color:#green;} a:focus {color:#blue;} a:hover {color:#orange;} a:active {color:#red;}
    </style> </head>

    HTML section
    Code:
    <p> 
    Download: <a href="http://www.armaholic.com/page.php?id=9150">Isla Duala v1.97</a>
    </p>
    Thank you
    Last edited by waveform; 06-02-2013 at 09:55 PM.

  2. #2
    Join Date
    Aug 2006
    Posts
    1,943
    In your css, you have:
    Code:
    p {
    color: gray;
    text-align: center;
    {
    That open brace at the end is supposed to be a closing brace...

    Dave

  3. #3
    Join Date
    Jun 2007
    Location
    USA
    Posts
    30

    Thumbs up

    Thank you so much tracknut for pointing that out to me. I can't believe I missed that. I swear my eyes are going.
    That was it! Thumbs up!


    By the way, Just wanted to mention: I ended adding a background color to the p element just because I thought it looked kind of cool after the fact. I'm just mentioning it in case someone runs across this post and looks back at the code of the active page and notices I've removed the a:link pseudo section in the head. I just made this change after the fact.

    However, you hit the nail on the head!
    Thank you so much sir. I thought was going nuts.
    Attached Images Attached Images
    Last edited by waveform; 06-02-2013 at 10:22 PM.

  4. #4
    Join Date
    Jun 2013
    Posts
    3
    Hi.. I ended adding a background color to the p element just because I thought it looked kind of cool after the fact. I'm just mentioning it in case someone runs across this post and looks back at the code of the active page and notices I've removed the a:link pseudo section in the head. I just made this change after the fact.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles