36 users online (0 members and 36 guests)  

Thread: Link Color


  Results 1 to 5 of 5

Related

  1. Link color around images    Forum: CSS Forum
    Replies: 9
  2. Change color of only one link    Forum: CSS Forum
    Replies: 3
  3. IE vs FF color scheme    Forum: CSS Forum
    Replies: 0
  4. Color Question    Forum: HTML Forum
    Replies: 3
  5. Replies: 5
  1. #1
    0html
    0html's Avatar
    Guest

    Question Link Color

    Hello. Before my pc went south I would scroll over a link (color red) and it would get bright red, looked like it lit up. Any ideas what I need to do to turn this feature back on? TIA.

  2. #2
    Enigma's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Nov 2000
    Posts
    426

    Post

    * deleted; the smilies messed up the code and the more I tried to fix, the worse it got *
    Last edited by HTML; 03-09-2012 at 07:45 AM.

  3. #3
    Enigma's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Nov 2000
    Posts
    426

    Post

    One way to do that is with CSS:

    Code:
    <style type="text/css">
    a:link,a:visited,a:active {color:#F0F8FF; font-weight:plain;}
    a:hover {color:#FF0000; font-weight: plain;}
    </style>
    
    <!--end css info-->
    Of course, you can change the colors to whatever you want.


  4. #4
    0html
    0html's Avatar
    Guest

    Unhappy

    That didn't work. Already have css on page and it worked before. Didn't touch any codes. Worked when I scrolled over the messages in this group and any other page I view. Doesn't work when I scroll over the links on my site. www.geocities.com/formerwebber

  5. #5
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662

    Post

    This bit don't look too healthy -

    <style type="text/css">
    <!--

    .mystyle {
    font-family: Arial;
    font-size: x-small;
    padding: 6pt;
    border: 1pt;
    border-style: solid;
    border-color: black;
    A:link {text-decoration: none; <--
    A:visited {text-decoration: none; <--
    A:active {text-decoration: none; <--

    }
    -->
    </style>

    You've nested your rules? Try this -
    <style>
    <!--
    .mystyle a { color: #ff45de; }
    .mystyle a:hover { color: #006777; }
    -->
    </style>

    as an example. God knows what colours they are, I made up the codes. Of course, you can put other rules in there, but keep them seperated. It looks like you tried to make a class, and then define contexts in that class. If so, then the above way is the way to do it.

    If I havent made it ver clear, just post the area of confusion and I will try to stop babbling

    ------------------
    QuietDean



Tags for this Thread