Need CSS Help...On Link Hover Disable?

[c-lo]

Hello, does anyone know of a way to disable a font size change when a link is hovered? I need to do this for a small portion of my site, but keep it active for the majority of the site.

I've got the font size set to 12px for links, and 14px when hovered, but I'd like to keep a few links 14px all the time. Is there any way to disable internal css for a certain section of my page? Perhaps some sort of kill-all function?

Thanks,
c-lo

[Theo The Theologian]

make a new class for the new on hover, and assign it only where needed.

[Natural Cause]

The CSS must already be written so you should be able to change the 12px to 14px and that be it.

[c-lo]

Originally Posted by Natural Cause

The CSS must already be written so you should be able to change the 12px to 14px and that be it.

But if I change it there it affects all links on the page, which I do not want.

I guess I'd need a seperate class, so I'm going to try what Theo suggests...


Thanks,
c-lo

[Natural Cause]

Oh ic, then yeah make a seperate class. Without seeing the site its hard to say how hard or easy that is.

If the site is dynamic it might be a little difficult, if its static it would be easy.

[c-lo]

http://www.cockntail.com - About 1/3 of the way down the main page, where it says "Friend's Smut." Hover those links and you'll see what I mean. I want to keep them the same size as they are before being hovered.

Hope that helps.

Also, I must add that the links are ran through Javascript...as they are taken from a remotely hosted tradescript. That definitely complicates things.

[c-lo]

Here's what I'm using right now:

<style type="text/css"> 
<!-- 
.anc {font-family: Arial; font-size: 16px; color: #FFFF99}
--> 
</style>

and

<style=".anc">
<script language="JavaScript">showLink(1)</script><br>
<script language="JavaScript"> showLink(2)</script><br>
<script language="JavaScript"> showLink(3)</script><br>
<script language="JavaScript"> showLink(4)</script><br>
<script language="JavaScript"> showLink(5)</script><br>
</style>

Anything I can add into the .anc tag...such as a onhover command or somethin?

Thanks again,
c-lo

[Andiz]

Check out his CSS.........

[Natural Cause]

Um... damn... dude... dude...... um... i don't have the headspace to sift through that tonight lol.

I cant garentee this will work but... well... you need to rewrite your entire page IMHO.

<style type="text/css">
<!--
a.arc { font-size: 14px; }
-->
</style>
<p class="arc">
<script language="JavaScript">showLink(1)</script><br>
<script language="JavaScript"> showLink(2)</script><br>
<script language="JavaScript"> showLink(3)</script><br>
<script language="JavaScript"> showLink(4)</script><br>
<script language="JavaScript"> showLink(5)</script><br></p>

[c-lo]

I finally got it right. I slightly edited Natural Cause's code and it solved the problem. I actually had it several minutes ago, but then I noticed I had copied Cause's code which says ".aRc" and not ".aNc". Once I corrected that and threw in a 'a.hover.anc' it came out right.

Here's the header code for other's future reference:

<style type="text/css">
<!--
.anc {font-family: Arial; font-size: 16px; color: #FFFF99}
a.anc {font-size: 16px; color: #FFFF99}
a:hover.anc {font-size: 16px; color: #FFFF99}
-->
</style>

Used in conjuction with <style=".anc"> open & close tags, page-wide hover commands are ignored.

Thanks again everyone,
c-lo