<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="https://www.webmaster-forums.net/crss/node/1003054" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title></title>
    <link>https://www.webmaster-forums.net/crss/node/1003054</link>
    <description></description>
    <language>en</language>
          <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013489</link>
    <description> &lt;p&gt;FYI, you have to have the links in a specific order as well.&lt;/p&gt;
&lt;p&gt;In CSS, it must be&lt;br /&gt;
a:link&lt;br /&gt;
a:visited&lt;br /&gt;
a:active&lt;br /&gt;
a:hover&lt;/p&gt;
&lt;p&gt;Any other order (except to switch link and visited) will result in the CSS being invalid.&lt;/p&gt;
&lt;p&gt; &lt;img src=&quot;http://www.webmaster-forums.com/ubb/smile.gif&quot; alt=&quot;&quot; class=&quot;bb-image&quot; /&gt; Suzanne&lt;/p&gt;
&lt;p&gt;------------------&lt;br /&gt;
&lt;a href=&quot;http://www.zerocattle.com&quot; class=&quot;bb-url&quot;&gt;Zero Cattle&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.inforamp.net/~suzanne/&quot; class=&quot;bb-url&quot;&gt;Suzanne&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.inforamp.net/~suzanne/index/celtic.html&quot; class=&quot;bb-url&quot;&gt;Tables DeMystified&lt;/a&gt;&lt;/p&gt;
 </description>
     <pubDate>Fri, 07 Apr 2000 19:22:00 +0000</pubDate>
 <dc:creator>Suzanne</dc:creator>
 <guid isPermaLink="false">comment 1013489 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013487</link>
    <description> &lt;p&gt;Bob,&lt;/p&gt;
&lt;p&gt;That&#039;s the same problem I am having with the underline not working after the link has been visited.&lt;/p&gt;
&lt;p&gt;If it&#039;s something we have to live with, okay - but I know that I have seen it working on other sites, so if anyone does have an answer, please let us know!&lt;/p&gt;
&lt;p&gt;Brooke&lt;/p&gt;
&lt;p&gt;------------------&lt;br /&gt;
Providing quality websites for businesses and individuals!&lt;br /&gt;
 &lt;a href=&quot;http://www.cataluna.com&quot; class=&quot;bb-url&quot;&gt;www.cataluna.com&lt;/a&gt;&lt;/p&gt;
 </description>
     <pubDate>Mon, 06 Mar 2000 16:31:00 +0000</pubDate>
 <dc:creator>Brooke</dc:creator>
 <guid isPermaLink="false">comment 1013487 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013486</link>
    <description> &lt;p&gt;I read somewhere that browsers sometimes have problems using CSS on visited links.  I forget where I was reading this, but apparently it&#039;s something you just have to live with.&lt;/p&gt;
 </description>
     <pubDate>Mon, 06 Mar 2000 16:20:00 +0000</pubDate>
 <dc:creator>Megan</dc:creator>
 <guid isPermaLink="false">comment 1013486 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013488</link>
    <description> &lt;p&gt;I am about to run around jumping for joy I am sooooo excited.  &lt;img src=&quot;http://www.webmaster-forums.com/ubb/smile.gif&quot; alt=&quot;&quot; class=&quot;bb-image&quot; /&gt;  &lt;img src=&quot;http://www.webmaster-forums.com/ubb/smile.gif&quot; alt=&quot;&quot; class=&quot;bb-image&quot; /&gt;  &lt;img src=&quot;http://www.webmaster-forums.com/ubb/smile.gif&quot; alt=&quot;&quot; class=&quot;bb-image&quot; /&gt;  &lt;img src=&quot;http://www.webmaster-forums.com/ubb/smile.gif&quot; alt=&quot;&quot; class=&quot;bb-image&quot; /&gt;  I figured it out thanks to someone&#039;s source code.  So, to keep the hover working after you click on the link this is what you have to do:&lt;/p&gt;
&lt;p&gt;a.type1:link{text-decoration:none;color:#000000}&lt;br /&gt;
a.type1:visited{text-decoration:none;color:#000000}&lt;br /&gt;
a.type1:active{text-decoration:none;color:#9400D3}&lt;br /&gt;
a.type1:hover{text-decoration:underline;color:#9400D3}&lt;/p&gt;
&lt;p&gt;It&#039;s the ACTIVE that makes it work!&lt;/p&gt;
&lt;p&gt;Thanks to EVERYONE!&lt;/p&gt;
&lt;p&gt;Brooke  &lt;img src=&quot;http://www.webmaster-forums.com/ubb/smile.gif&quot; alt=&quot;&quot; class=&quot;bb-image&quot; /&gt;&lt;/p&gt;
&lt;p&gt;------------------&lt;br /&gt;
Providing quality websites for businesses and individuals!&lt;br /&gt;
 &lt;a href=&quot;http://www.cataluna.com&quot; class=&quot;bb-url&quot;&gt;www.cataluna.com&lt;/a&gt;&lt;/p&gt;
 </description>
     <pubDate>Mon, 06 Mar 2000 05:36:00 +0000</pubDate>
 <dc:creator>Brooke</dc:creator>
 <guid isPermaLink="false">comment 1013488 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013485</link>
    <description> &lt;p&gt;Megan or Dangelo,&lt;/p&gt;
&lt;p&gt;I also got this to work, and let me add my thanks to Brooke&#039;s.  However, I have another question.  I set it up so the link was blue, hover was dark blue and visited was blue.  This worked great, but once the link was visited and turned blue, the hover to dark blue would no longer work.  Any way to get it to still change to the hover color once the link is visited?  Thanks.&lt;/p&gt;
&lt;p&gt;Bob&lt;/p&gt;
 </description>
     <pubDate>Sat, 04 Mar 2000 04:46:00 +0000</pubDate>
 <dc:creator>Bob</dc:creator>
 <guid isPermaLink="false">comment 1013485 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013484</link>
    <description> &lt;p&gt;&amp;lt;STYLE TYPE=&quot;text/css&quot;&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
A.type1 {color: red}&lt;br /&gt;
A.type1: visited {color: black}&lt;br /&gt;
A.type1: text-decoration: underline; hover {color: blue}&lt;/p&gt;
&lt;p&gt;(makes red links with blue hover effect)&lt;/p&gt;
&lt;p&gt;A.type2 {color: green}&lt;br /&gt;
A.type2: visited {color: white}&lt;br /&gt;
A.type2: text-decoration: underline; hover {color: blue}&lt;/p&gt;
&lt;p&gt;(makes green links with blue hover effect)&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&amp;lt;/STYLE&amp;gt;&lt;/p&gt;
&lt;p&gt;Hope that helps&lt;/p&gt;
&lt;p&gt;------------------&lt;br /&gt;
-RJ D&#039;Angelo&lt;br /&gt;
D&#039;Angelo Web Design&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.dangelowebdesign.com&quot; title=&quot;http://www.dangelowebdesign.com&quot;&gt;http://www.dangelowebdesign.com&lt;/a&gt;&lt;/p&gt;
 </description>
     <pubDate>Thu, 02 Mar 2000 20:20:00 +0000</pubDate>
 <dc:creator>dangelo</dc:creator>
 <guid isPermaLink="false">comment 1013484 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013483</link>
    <description> &lt;p&gt;Megan,&lt;/p&gt;
&lt;p&gt;Okay!  Got it working! Thanks a million.  Now I have one more question.  I want the text to have the underline when you rollover it.  It does before I click the link.  Then once it has been visited the underline will no longer work.  Any ideas?&lt;/p&gt;
&lt;p&gt;Brooke&lt;/p&gt;
&lt;p&gt;------------------&lt;br /&gt;
Providing quality websites for businesses and individuals!&lt;br /&gt;
 &lt;a href=&quot;http://www.cataluna.com&quot; class=&quot;bb-url&quot;&gt;www.cataluna.com&lt;/a&gt;&lt;/p&gt;
 </description>
     <pubDate>Thu, 02 Mar 2000 20:14:00 +0000</pubDate>
 <dc:creator>Brooke</dc:creator>
 <guid isPermaLink="false">comment 1013483 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013482</link>
    <description> &lt;p&gt;Megan,&lt;/p&gt;
&lt;p&gt;Thank you so much!  I will need to play with that for a bit so I understand everything!&lt;/p&gt;
&lt;p&gt;Thanks again!&lt;/p&gt;
&lt;p&gt;Brooke&lt;/p&gt;
&lt;p&gt;------------------&lt;br /&gt;
Providing quality websites for businesses and individuals!&lt;br /&gt;
 &lt;a href=&quot;http://www.cataluna.com&quot; class=&quot;bb-url&quot;&gt;www.cataluna.com&lt;/a&gt;&lt;/p&gt;
 </description>
     <pubDate>Thu, 02 Mar 2000 19:42:00 +0000</pubDate>
 <dc:creator>Brooke</dc:creator>
 <guid isPermaLink="false">comment 1013482 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/different-rollover-links-page#comment-1013481</link>
    <description> &lt;p&gt;Use CSS to define a different class for each type of link.  You would then have something like this in your header:&lt;/p&gt;
&lt;p&gt;&amp;lt;STYLE TYPE=&quot;text/css&quot;&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
A.type1 {color: red}&lt;br /&gt;
A.type1: visited {color: black}&lt;br /&gt;
A.type1: hover {color: blue}&lt;/p&gt;
&lt;p&gt;(makes red links with blue hover effect)&lt;/p&gt;
&lt;p&gt;A.type2 {color: green}&lt;br /&gt;
A.type2: visited {color: white}&lt;br /&gt;
A.type2: hover {color: blue}&lt;/p&gt;
&lt;p&gt;(makes green links with blue hover effect)&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&amp;lt;/STYLE&amp;gt;&lt;/p&gt;
&lt;p&gt;Then when you define the link tag you just put CLASS=&quot;type1&quot; (or type2 as the case may be) in the tag like so:&lt;/p&gt;
&lt;p&gt;&amp;lt;a href=&quot;url.html&quot; class=&quot;type1&quot;&amp;gt;Link Text&amp;lt;/A&amp;gt;&lt;/p&gt;
&lt;p&gt;You can use other CSS font styles like text-decoration: none to get rid of the underline, font-weight, font-family, whatever you want.  &lt;/p&gt;
&lt;p&gt;I&#039;m pretty sure that Webmonkey had an article about this type of thing... yup, here&#039;s the URL:&lt;br /&gt;
 &lt;a href=&quot;http://hotwired.lycos.com/webmonkey/99/28/index0a.html&quot; class=&quot;bb-url&quot;&gt;http://hotwired.lycos.com/webmonkey/99/28/index0a.html&lt;/a&gt; &lt;/p&gt;
&lt;p&gt;I don&#039;t know about the frontpage thing - my recommendation would be to learn the CSS yourself.&lt;/p&gt;
&lt;p&gt;[This message has been edited by Megan Jack (edited 02 March 2000).]&lt;/p&gt;
 </description>
     <pubDate>Thu, 02 Mar 2000 19:26:00 +0000</pubDate>
 <dc:creator>Megan</dc:creator>
 <guid isPermaLink="false">comment 1013481 at https://www.webmaster-forums.net</guid>
  </item>
  </channel>
</rss>
