class in <a>

Discussion in 'HTML' started by Kelvin, Mar 2, 2005.

  1. Kelvin

    Kelvin Guest

    Hi,

    I use a class in <a> and it works. But if I have defined the default a style
    such as a:link,a:active,a:visited {...}a:hover { ...} the class in <a> will
    not work any more. How to make these work at the same time?

    ..tlink
    {
    FONT-WEIGHT:bold;
    FONT-SIZE:8pt;
    COLOR:EEEEF5;
    FONT-FAMILY:"Verdana", "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION:none;
    }
    ..tlink:hover
    {
    FONT-WEIGHT:bold;
    FONT-SIZE:8pt;
    COLOR:#fd6a08;
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
    }
    ....
    <a href=make-your-own-web-site.htm class=tlink >Home</a>

    Thank you a lot
    Best regards,
    Kelvin, Mar 2, 2005
    #1
    1. Advertising

  2. Kelvin wrote:
    > Hi,
    >
    > I use a class in <a> and it works. But if I have defined the default a style
    > such as a:link,a:active,a:visited {...}a:hover { ...} the class in <a> will
    > not work any more. How to make these work at the same time?
    >
    > .tlink
    > {
    > FONT-WEIGHT:bold;
    > FONT-SIZE:8pt;
    > COLOR:EEEEF5;
    > FONT-FAMILY:"Verdana", "Arial", "Helvetica", "sans-serif";
    > TEXT-DECORATION:none;
    > }

    <snip>

    COLOR:EEEEF5;

    should be 'color: #EEEEF5;' the '#' is required in hex color values in css.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Mar 2, 2005
    #2
    1. Advertising

  3. Kelvin

    Sid Ismail Guest

    On Wed, 2 Mar 2005 19:56:42 +0800, "Kelvin" <>
    wrote:

    : Hi,
    :
    : I use a class in <a> and it works. But if I have defined the default a style
    : such as a:link,a:active,a:visited {...}a:hover { ...} the class in <a> will
    : not work any more. How to make these work at the same time?
    :
    : .tlink
    : {
    : FONT-WEIGHT:bold;
    : FONT-SIZE:8pt;
    : COLOR:EEEEF5;
    : FONT-FAMILY:"Verdana", "Arial", "Helvetica", "sans-serif";
    : TEXT-DECORATION:none;
    : }
    : .tlink:hover
    : {
    : FONT-WEIGHT:bold;
    : FONT-SIZE:8pt;
    : COLOR:#fd6a08;
    : FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
    : }
    : ...
    : <a href=make-your-own-web-site.htm class=tlink >Home</a>


    Try this:
    a.tlink:hover and not .tlink:hover

    Sid
    Sid Ismail, Mar 2, 2005
    #3
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. cyril
    Replies:
    2
    Views:
    3,832
    cyril
    Aug 25, 2004
  2. Purush
    Replies:
    4
    Views:
    1,605
    Purush Rudrakshala
    Apr 13, 2005
  3. E11
    Replies:
    1
    Views:
    4,708
    Thomas Weidenfeller
    Oct 12, 2005
  4. christopher diggins
    Replies:
    16
    Views:
    730
    Pete Becker
    May 4, 2005
  5. Joseph Turian
    Replies:
    5
    Views:
    574
Loading...

Share This Page