3 Replies Latest reply on Jul 13, 2007 1:42 PM by Newsgroup_User

    Link Color

    PeacefulHarry
      If you want to make multiple links in different colors, how do you do that? I don't see anything in the link preferences. There must be a way.
        • 1. Re: Link Color
          Level 7
          PeacefulHarry wrote:

          > If you want to make multiple links in different colors, how do you do that? I don't see anything in the link preferences. There must be a way.


          You must give the container that the links are in an identity i.e. name
          it something. For instance if the set of links are inside a table cell
          give that table cell its own unique identity like:

          <td id="navbar">Links go here</td>

          You can then target the links in that cell by using some css.


          #navbar a {
          color: #whatever;
          }


          #navbar a:hover {
          color: #whatever;
          }


          Change #whatever to the colors you require.


          Here are more indepth instructions:

          http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm

          • 2. Re: Link Color
            Level 7
            On Fri, 13 Jul 2007 03:25:49 +0000 (UTC), "PeacefulHarry"
            <webforumsuser@macromedia.com> wrote:

            >If you want to make multiple links in different colors, how do you do that? I don't see anything in the link preferences. There must be a way.

            <style>
            .navOne a:link { color:blue; }
            .navOne a:visited { color:purple; }
            .navOne a:hover { color:red; }
            .navOne a:active { color:navy; }

            .navTwo a:link { color:green; }
            .navTwo a:visited { color:blue; }
            .navTwo a:hover { color:gray; }
            .navTwo a:active { color:purple; }


            </style>
            </head>

            <body>
            <ul class="navOne">
            <li><a href="one.htm">One</a></li>
            <li><a href="two.htm">Two</a></li>
            <li><a href="three.htm">Three</a></li>
            </ul>
            <p>Ullamco laboris nisi excepteur sint occaecat eu fugiat nulla
            pariatur. Sed do eiusmod
            </p>
            <ul class="navTwo">
            <li><a href="six.htm">Six</a></li>
            <li><a href="seven.htm">Seven</a></li>
            <li><a href="eight.htm">Eight</a></li>
            </ul>
            --

            ~Malcolm N....
            ~