#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    16
    Rep Power
    0

    simple css problem


    I am trying to have 1 link a different color from the rest. This is the code can someone assit

    +++++++++++++++++++++++++++++++++++++++++++
    <style type="text/css">
    <!--
    .header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    color: #003366;
    text-decoration: underline;
    TEXTAREA { background: #b8ddee; font-family: arial; font-size: 8pt; border: solid 1px black;}
    SELECT { background: #b8ddee; font-family: arial; font-size: 8pt; border: solid 1px black;}
    INPUT {background: #b8ddee; font-family: arial; font-size: 8pt; border: solid 1px black; font-weight:bold}

    a:link.toplink
    { color: #333333;}

    ++++++++++++++++++++++++++++++++++++++++++++++
    I set the class here


    <p><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://cogimosearch.com/search_results.php?q=art&page=1"class="toplink">Arts</a><br>

    ++++++++++++++++++++++++++++++++++++++++++++++


    Did I miss anything


    "class="toplink">Arts</a><br>a:link.toplink
  2. #2
  3. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    just the wrong order

    a.toplink:link
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    16
    Rep Power
    0

    Still no luck


    Hi
    Thanks for the help it still did not work

    Any help would be appreciated


    <style type="text/css">
    <!--
    .header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    color: #003366;
    text-decoration: underline;
    TEXTAREA { background: #b8ddee; font-family: arial; font-size: 8pt; border: solid 1px black;}
    SELECT { background: #b8ddee; font-family: arial; font-size: 8pt; border: solid 1px black;}
    INPUT {background: #b8ddee; font-family: arial; font-size: 8pt; border: solid 1px black; font-weight:bold}

    a.toplink:link
    { color: #333333;}


    -->
    </style>




    <p><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://cogimosearch.com/search_results.php?q=art&page=1"class="toplink">Arts</a><br>
  6. #4
  7. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    New Zealand
    Posts
    295
    Rep Power
    18

    visited?


    Are you sure that link hasn't been visited, cause you will need to clear your history to test it properly.

    I'm, sure it doesn't matter but I put my class first..


    <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a class="toplink" href="http://cogimosearch.com/search_results.php?q=art&page=1">Arts</a>
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Location
    Qld, Australia
    Posts
    71
    Rep Power
    12
    I just copied your code and tried it in IE 6.0 and it works fine.
    The only thing I can see that might be giving you trouble is that there should be a space between the URL and the class tag.
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    16
    Rep Power
    0

    Thumbs up Thanks css


    Hi

    Thanks to everyone who helped. It is now working, Since I had already clicked (visited) it was not showing the correct color.

    Thanks again

IMN logo majestic logo threadwatch logo seochat tools logo