3 Replies Latest reply on Nov 27, 2008 1:58 PM by ulfbåge

    "Roll over" links

    ulfbåge
      I want all my links to be black at all times except when I roll over them, then I want them to be white,

      I have changed "roll over" links to white in "page properties", this works fine. But as soon as I change "visited links" to a different color than standard the roll over links won´t turn white anymore.

      Is there a way to fix this ??
        • 1. "Roll over" links
          St@tto Level 1
          In the CSS I would write:
          a {color: black;}
          a:hover {color: white;}
          and I wouldn't declare values for the :link, :visited or :active states unless I specifically wanted them.

          Although I'd probably use hex values for the colours: #000 for black and #fff for white.
          • 2. Re: "Roll over" links
            Level 7

            "ulfb?ge" <webforumsuser@macromedia.com> wrote in message
            news:gglvi7$mnm$1@forums.macromedia.com...
            >I want all my links to be black at all times except when I roll over them,
            >then
            > I want them to be white,
            >
            > I have changed "roll over" links to white in "page properties", this works
            > fine. But as soon as I change "visited links" to a different color than
            > standard the roll over links won´t turn white anymore.


            That means your rules are in the wrong order. All other things being equal,
            later rules override earlier rules. If you were specifying all four link
            states, you would do them in this order:

            link
            visited
            hover
            active

            If you're doing things via DW's tabs and not looking at the CSS code,
            specify visited rules before specifying hover rules.

            Have you worked directly with CSS at all? You need to find your a:visited
            code and move it.

            You need to put this:

            a:visited {
            [your rules]
            }

            above this:

            a:hover {
            [your rules]
            }

            Be sure to cut and paste the entire rule, including the closing curly
            brackets.
            --
            Tim G.
            http://www.pactumweb.com
            http://www.shortordersite.com


            • 3. Re: &quot;Roll over&quot; links
              ulfbåge Level 1
              Thanks!! Now it looks gooood=)