Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jun 2002
    Location
    Paris, France
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS an link/hover/visited

    I do have a CSS file including :

    a:link { text-decoration: none }
    a:visited { text-decoration: none }
    a:active { text-decoration: none }
    a:hover { text-decoration: underline }
    a:link, a:visited { color: #1F1D5A; font-weight : bold; }

    .ABCD { color: #6C9EE8; background-color : #23407C;FONT-SIZE: 12px;}
    .ABCD a:link, a:visited { color: #6C9EE8; font-weight : bold; }
    .ABCD a:hover { color: #FEFEFE; }
    .ABCD.bas { FONT-SIZE: 10px }

    ....
    td.bgBlue { background-color: #6C9EE8 }



    the line in the body :
    <td class="BgBlue"><A href="detail.php?Record=1">TEST</A></td>

    was supposed to have a link in color #1F1D5A but use #6C9EE8 instead ...

    Any idea why ??

    Thank you in advance
    [color=dark blue]Freddy Bee[/color]

  • #2
    Regular Coder
    Join Date
    Oct 2002
    Posts
    380
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The css cascade in tables is a bit funny (at least in practice, I don't know what the specs say). Anyway, the solution is to define a class. In your style sheet:
    Code:
    a.intable { color: #123456; }
    a.intable:hover { text-decoration: underline; }
    And in your document body:
    Code:
    <td class="BgBlue"><a href="detail.php?Record=1" class="intable">TEST</a></td>


  •  

    Posting Permissions

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