8 Replies Latest reply on May 17, 2008 8:59 AM by Newsgroup_User

    link colors

    BruceOpp
      I have set my links as such:
      a:link {
      color: #666666;
      }
      a:visited {
      color: #666666;
      }
      a:hover {
      color: #FF0000;
      }
      a:active {
      color: #666666;
      I want the link to only change color when hovered.

      What's happening - After the link is clicked it will not show the hover state anymore, only the pointing hand shows.
      Why?
      Thanks,
      Bruce
        • 1. Re: link colors
          Level 7
          Do you have a url to see the page?

          BruceOpp wrote:
          > I have set my links as such:
          > a:link {
          > color: #666666;
          > }
          > a:visited {
          > color: #666666;
          > }
          > a:hover {
          > color: #FF0000;
          > }
          > a:active {
          > color: #666666;
          > I want the link to only change color when hovered.
          >
          > What's happening - After the link is clicked it will not show the hover state
          > anymore, only the pointing hand shows.
          > Why?
          > Thanks,
          > Bruce
          >
          • 2. Re: link colors
            Level 7
            Just for what it's worth, you can achieve the same pseudo-class rules like
            this -

            a:link, a:visited, a:active {
            color: #666666;
            }
            a:hover {
            color: #FF0000;
            }

            or even like this (assuming there are no named anchor tags on the page) -

            a {
            color: #666666;
            }
            a:hover {
            color: #FF0000;
            }

            But, as Virginia says, we would need to see the page to understand what is
            happening.

            --
            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
            ==================


            "BruceOpp" <webforumsuser@macromedia.com> wrote in message
            news:g0g0in$h2j$1@forums.macromedia.com...
            >I have set my links as such:
            > a:link {
            > color: #666666;
            > }
            > a:visited {
            > color: #666666;
            > }
            > a:hover {
            > color: #FF0000;
            > }
            > a:active {
            > color: #666666;
            > I want the link to only change color when hovered.
            >
            > What's happening - After the link is clicked it will not show the hover
            > state
            > anymore, only the pointing hand shows.
            > Why?
            > Thanks,
            > Bruce
            >

            • 3. Re: link colors
              Level 7
              His 'active' style is after the hover.

              Bruce, you need to have hover as the last as below:

              a:link {
              color: #666666;
              }

              a:visited {
              color: #666666;
              }

              a:active {
              color: #666666;

              a:hover {
              color: #FF0000;
              }

              If you notice, Murray has hover after link, visited and active...



              "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
              news:g0h7ae$ptk$1@forums.macromedia.com...
              > Just for what it's worth, you can achieve the same pseudo-class rules like
              > this -
              >
              > a:link, a:visited, a:active {
              > color: #666666;
              > }
              > a:hover {
              > color: #FF0000;
              > }
              >
              > or even like this (assuming there are no named anchor tags on the page) -
              >
              > a {
              > color: #666666;
              > }
              > a:hover {
              > color: #FF0000;
              > }
              >
              > But, as Virginia says, we would need to see the page to understand what is
              > happening.
              >
              > --
              > 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
              > ==================
              >
              >
              > "BruceOpp" <webforumsuser@macromedia.com> wrote in message
              > news:g0g0in$h2j$1@forums.macromedia.com...
              >>I have set my links as such:
              >> a:link {
              >> color: #666666;
              >> }
              >> a:visited {
              >> color: #666666;
              >> }
              >> a:hover {
              >> color: #FF0000;
              >> }
              >> a:active {
              >> color: #666666;
              >> I want the link to only change color when hovered.
              >>
              >> What's happening - After the link is clicked it will not show the hover
              >> state
              >> anymore, only the pointing hand shows.
              >> Why?
              >> Thanks,
              >> Bruce
              >>
              >


              • 4. Re: link colors
                Level 7
                Wrong, Jay Jay. It really doesn't matter where active's pseudo-class is
                placed, as many users never see it at all. It's supposed to be only shown
                when the mouse button is clicked and held down.

                The traditionally accepted order, though is link-visited-hover-active (note
                that active trails the list). I'll admit that my suggested order implied
                otherwise. Sorry about that.

                --
                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
                ==================


                "Jay Jay" <jhabrix@yahoo.com> wrote in message
                news:g0he0d$3a2$1@forums.macromedia.com...
                > His 'active' style is after the hover.
                >
                > Bruce, you need to have hover as the last as below:
                >
                > a:link {
                > color: #666666;
                > }
                >
                > a:visited {
                > color: #666666;
                > }
                >
                > a:active {
                > color: #666666;
                >
                > a:hover {
                > color: #FF0000;
                > }
                >
                > If you notice, Murray has hover after link, visited and active...
                >
                >
                >
                > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                > news:g0h7ae$ptk$1@forums.macromedia.com...
                >> Just for what it's worth, you can achieve the same pseudo-class rules
                >> like this -
                >>
                >> a:link, a:visited, a:active {
                >> color: #666666;
                >> }
                >> a:hover {
                >> color: #FF0000;
                >> }
                >>
                >> or even like this (assuming there are no named anchor tags on the page) -
                >>
                >> a {
                >> color: #666666;
                >> }
                >> a:hover {
                >> color: #FF0000;
                >> }
                >>
                >> But, as Virginia says, we would need to see the page to understand what
                >> is happening.
                >>
                >> --
                >> 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
                >> ==================
                >>
                >>
                >> "BruceOpp" <webforumsuser@macromedia.com> wrote in message
                >> news:g0g0in$h2j$1@forums.macromedia.com...
                >>>I have set my links as such:
                >>> a:link {
                >>> color: #666666;
                >>> }
                >>> a:visited {
                >>> color: #666666;
                >>> }
                >>> a:hover {
                >>> color: #FF0000;
                >>> }
                >>> a:active {
                >>> color: #666666;
                >>> I want the link to only change color when hovered.
                >>>
                >>> What's happening - After the link is clicked it will not show the hover
                >>> state
                >>> anymore, only the pointing hand shows.
                >>> Why?
                >>> Thanks,
                >>> Bruce
                >>>
                >>
                >
                >

                • 5. Re: link colors
                  BruceOpp Level 1
                  Hi all,
                  The following is a link to the test site.
                  http://www.small-leathergoods.com/indexA.html
                  Regards,
                  Bruce
                  • 6. Re: link colors
                    BruceOpp Level 1
                    I figured out the issue. - Looks like the style sheet was not attached to my templete. Stupid me...
                    Thanks to all of you.
                    Bruce
                    • 7. Re: link colors
                      Level 7
                      Good luck!

                      By the way, unless your page is actually ASP/Javascript (and it doesn't look
                      like it is), you would want to remove this line from your template -

                      <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>


                      --
                      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
                      ==================


                      "BruceOpp" <webforumsuser@macromedia.com> wrote in message
                      news:g0hmtc$d39$1@forums.macromedia.com...
                      >I figured out the issue. - Looks like the style sheet was not attached to
                      >my templete. Stupid me...
                      > Thanks to all of you.
                      > Bruce

                      • 8. Re: link colors
                        Level 7
                        Murray, melad...

                        Aaaah.... quite... i remembered the sequence of link-visited-hover and so
                        presumed that active must come before!

                        Anyway, he's explained the problem!!!!

                        Cheers....


                        "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                        news:g0hf3s$4gd$1@forums.macromedia.com...
                        > Wrong, Jay Jay. It really doesn't matter where active's pseudo-class is
                        > placed, as many users never see it at all. It's supposed to be only shown
                        > when the mouse button is clicked and held down.
                        >
                        > The traditionally accepted order, though is link-visited-hover-active
                        > (note that active trails the list). I'll admit that my suggested order
                        > implied otherwise. Sorry about that.
                        >
                        > --
                        > 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
                        > ==================
                        >
                        >
                        > "Jay Jay" <jhabrix@yahoo.com> wrote in message
                        > news:g0he0d$3a2$1@forums.macromedia.com...
                        >> His 'active' style is after the hover.
                        >>
                        >> Bruce, you need to have hover as the last as below:
                        >>
                        >> a:link {
                        >> color: #666666;
                        >> }
                        >>
                        >> a:visited {
                        >> color: #666666;
                        >> }
                        >>
                        >> a:active {
                        >> color: #666666;
                        >>
                        >> a:hover {
                        >> color: #FF0000;
                        >> }
                        >>
                        >> If you notice, Murray has hover after link, visited and active...
                        >>
                        >>
                        >>
                        >> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                        >> news:g0h7ae$ptk$1@forums.macromedia.com...
                        >>> Just for what it's worth, you can achieve the same pseudo-class rules
                        >>> like this -
                        >>>
                        >>> a:link, a:visited, a:active {
                        >>> color: #666666;
                        >>> }
                        >>> a:hover {
                        >>> color: #FF0000;
                        >>> }
                        >>>
                        >>> or even like this (assuming there are no named anchor tags on the
                        >>> page) -
                        >>>
                        >>> a {
                        >>> color: #666666;
                        >>> }
                        >>> a:hover {
                        >>> color: #FF0000;
                        >>> }
                        >>>
                        >>> But, as Virginia says, we would need to see the page to understand what
                        >>> is happening.
                        >>>
                        >>> --
                        >>> 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
                        >>> ==================
                        >>>
                        >>>
                        >>> "BruceOpp" <webforumsuser@macromedia.com> wrote in message
                        >>> news:g0g0in$h2j$1@forums.macromedia.com...
                        >>>>I have set my links as such:
                        >>>> a:link {
                        >>>> color: #666666;
                        >>>> }
                        >>>> a:visited {
                        >>>> color: #666666;
                        >>>> }
                        >>>> a:hover {
                        >>>> color: #FF0000;
                        >>>> }
                        >>>> a:active {
                        >>>> color: #666666;
                        >>>> I want the link to only change color when hovered.
                        >>>>
                        >>>> What's happening - After the link is clicked it will not show the hover
                        >>>> state
                        >>>> anymore, only the pointing hand shows.
                        >>>> Why?
                        >>>> Thanks,
                        >>>> Bruce
                        >>>>
                        >>>
                        >>
                        >>
                        >