Need CSS Help...On Link Hover Disable? - GoFuckYourself.com

c-lo · 01-14-2007, 04:15 AM

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 · 01-14-2007, 04:18 AM

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

Natural Cause · 01-14-2007, 04:22 AM

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

c-lo · 01-14-2007, 04:30 AM

Quote:

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 · 01-14-2007, 04:45 AM

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 · 01-14-2007, 04:59 AM

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 · 01-14-2007, 05:05 AM

Here's what I'm using right now:

Code:

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

and

Code:

<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 · 01-14-2007, 05:07 AM

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

Natural Cause · 01-14-2007, 05:15 AM

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.

Code:

<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 · 01-14-2007, 05:43 AM

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

</style>

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

Thanks again everyone,
c-lo

01-14-2007, 04:15 AM	#1
c-lo Confirmed User Join Date: May 2005 Location: On search pages, on ICQ @ 308 7 43669, and in the U.S. Posts: 925	Need CSS Help...On Link Hover Disable? 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 __________________ The AlphaPhaze Network Traffic & Hardlink Trades \| Sponsors \| Resources The adult marketing network you can trust

01-14-2007, 04:18 AM	#2
Theo The Theologian Confirmed User Join Date: Mar 2005 Posts: 1,099	make a new class for the new on hover, and assign it only where needed. __________________ I'm a hate-fuelled umbrella-wielding photographer with a winning smile, and a way with the ladies.

01-14-2007, 04:22 AM	#3
Natural Cause Confirmed User Join Date: Oct 2006 Location: AIM: NaturalCause911 Posts: 222	The CSS must already be written so you should be able to change the 12px to 14px and that be it. __________________ www.xovod.com Digital Playgrounds - Pirates - Trailer, streamed in 720p. Check it out! NEW* Pierre Woodman - Xcalibur - The Lords Of Sex - Trailer. Check it out!

01-14-2007, 04:45 AM	#5
Natural Cause Confirmed User Join Date: Oct 2006 Location: AIM: NaturalCause911 Posts: 222	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. __________________ www.xovod.com Digital Playgrounds - Pirates - Trailer, streamed in 720p. Check it out! NEW* Pierre Woodman - Xcalibur - The Lords Of Sex - Trailer. Check it out!

01-14-2007, 04:59 AM	#6
c-lo Confirmed User Join Date: May 2005 Location: On search pages, on ICQ @ 308 7 43669, and in the U.S. Posts: 925	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. __________________ The AlphaPhaze Network Traffic & Hardlink Trades \| Sponsors \| Resources The adult marketing network you can trust Last edited by c-lo; 01-14-2007 at 05:01 AM..

01-14-2007, 05:05 AM	#7
c-lo Confirmed User Join Date: May 2005 Location: On search pages, on ICQ @ 308 7 43669, and in the U.S. Posts: 925	Here's what I'm using right now: Code: <style type="text/css"> <!-- .anc {font-family: Arial; font-size: 16px; color: #FFFF99} --> </style> and Code: <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 __________________ The AlphaPhaze Network Traffic & Hardlink Trades \| Sponsors \| Resources The adult marketing network you can trust

01-14-2007, 05:07 AM	#8
Andiz Confirmed User Join Date: Feb 2006 Posts: 2,594	Check out his CSS.........

01-14-2007, 05:15 AM	#9
Natural Cause Confirmed User Join Date: Oct 2006 Location: AIM: NaturalCause911 Posts: 222	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. Code: <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> __________________ www.xovod.com Digital Playgrounds - Pirates - Trailer, streamed in 720p. Check it out! NEW* Pierre Woodman - Xcalibur - The Lords Of Sex - Trailer. Check it out!

01-14-2007, 05:43 AM	#10
c-lo Confirmed User Join Date: May 2005 Location: On search pages, on ICQ @ 308 7 43669, and in the U.S. Posts: 925	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 __________________ The AlphaPhaze Network Traffic & Hardlink Trades \| Sponsors \| Resources The adult marketing network you can trust