2 Replies Latest reply on Jul 9, 2008 4:01 AM by Newsgroup_User

    a:link

    w37
      I am currently building a website where I would like two different types (colours) of a:link's on the same page. Can anyone advise how this is done. I am already changed the standard a:link through CSS Styles, which sets up the first link correctly, I now need to setup the second link.

      Cheers
        • 1. Re: a:link
          Juno41 Level 1
          Hi w37

          When you change the default colour of your a.link in CSS all subsequent a.links will use this colour even if your state a different style colour for the link.

          There are probably more professional ways to solve this, however you can get around it by removing ALL colour specification in your default a.link and then specifying the colour you want in two different link styles. So,

          1. Remove any reference to colour in you default a.link
          2. Create two new link styles specifying the colour in each here Example below

          .smalltxt {font-size: 10px; color: #333333; line-height: 14px ;}
          .smalltxt a {font-size: 10px; color: #CC0000; text-decoration: none;}
          .smalltxt a:hover { font-size: 10px; color: #CC0000; text-decoration: underline; }

          .models {font-size: 10px; color: #999999; text-decoration: none;}
          .models a {font-size: 10px; color: #999999; text-decoration: none;}
          .models a:hover { font-size: 10px; color: #FFFFFF; text-decoration: none;}

          Hope this of use
          News Blog
          • 2. Re: a:link
            Level 7
            That's very mistaken.

            > When you change the default colour of your a.link

            There is no such thing as 'a.link'. I assume you intended 'a:link'.

            > all subsequent
            > a.links will use this colour even if your state a different style colour
            > for
            > the link.

            That's nonsense.
            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            ==================


            "Juno41" <webforumsuser@macromedia.com> wrote in message
            news:g51v7t$inc$1@forums.macromedia.com...
            > Hi w37
            >
            > When you change the default colour of your a.link in CSS all subsequent
            > a.links will use this colour even if your state a different style colour
            > for
            > the link.
            >
            > There are probably more professional ways to solve this, however you can
            > get
            > around it by removing ALL colour specification in your default a.link and
            > then
            > specifying the colour you want in two different link styles. So,
            >
            > 1. Remove any reference to colour in you default a.link
            > 2. Create two new link styles specifying the colour in each here
            > Example
            > below

            >
            > .smalltxt {font-size: 10px; color: #333333; line-height: 14px ;}
            > .smalltxt a {font-size: 10px; color: #CC0000; text-decoration: none;}
            > .smalltxt a:hover { font-size: 10px; color: #CC0000; text-decoration:
            > underline; }
            >
            > .models {font-size: 10px; color: #999999; text-decoration: none;}
            > .models a {font-size: 10px; color: #999999; text-decoration: none;}
            > .models a:hover { font-size: 10px; color: #FFFFFF; text-decoration: none;}
            >
            > Hope this of use
            > http://www.liveflash.co.uk
            >