Topic: A - Tags: CSS Text Effect Problems (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=10700" title="Pages that link to Topic: A - Tags: CSS Text Effect Problems (Page 1 of 1)" rel="nofollow" >Topic: A - Tags: CSS Text Effect Problems <span class="small">(Page 1 of 1)</span>\

 
e-maestro
Bipolar (III) Inmate

From: Northwestern Lower Michigan, USA
Insane since: Apr 2001

posted posted 03-27-2002 15:57

I'm sure there is a simple solution, but I haven't found it yet.

I have a page on a site with 60+ links. I am using the following style (in an external file) to control the <A> in this DIV.

PROBLEM:

I want the HOVER text style to apply to the visited links when you hover over them. It isn't working. They change to the a:visited style and just stay that way. I know the effect I want is possible since the following in document code worked on another site:

<style><!-- a:{color:#000000} a {text-decoration: none} a:vlink{color:#000000} a:hover{color:#FFFFCC} --></style>

Also, the a:active doesn't seem to do anything...why?

***********************************************************************************************

Here is the aplicable section of the style sheet:


div.links table tr td a:link {
text-decoration:none;
color:#990000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

div.links table tr td a:active {
text-decoration:underline;
color:#33FF33;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

div.links table tr td a:hover {
text-decoration:underline;
color:#0033FF;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

div.links table tr td a:visited {
text-decoration:none;
color:#000099;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

*********************************************************************************************

THX for your help.

e-maestro




kuckus
Bipolar (III) Inmate

From: Berlin (almost)
Insane since: Dec 2001

posted posted 03-27-2002 16:33

Did you try a:visited:hover? (Just a guess!)

kuckus

Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

posted posted 03-28-2002 06:22

I used to have this same problem until the guys here helped me out. You won't believe this, but change the order to:

link
visited
hover
active

It's so simple, it's brilliant. (And confounding why the order trips it up.)




[This message has been edited by Wes (edited 03-28-2002).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 03-28-2002 16:43

What you want to do is this:

<style ...>
a {general stuff for any anchor tag}
a:whatever {specific stuff for only this kind of behavior on the tag}
a:whatever {specific stuff for only this kind of behavior on the tag}
a:whatever {specific stuff for only this kind of behavior on the tag}
</style>

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 03-28-2002 22:35

Most of the problems with the A styles are due to the ordering so try Wes' solution. I believe a:active doesn't yet enjoy wide broser support - check one of the compatibility tables.

Emps

TekFusion
Nervous Wreck (II) Inmate

From: US
Insane since: Mar 2002

posted posted 03-29-2002 05:38

i dont know if this will help, but this is what my code looks like on my site...


a:link{color: 4F4F4F; text-decoration: none;}
a:visited{color: 4F4F4F; text-decoration: none;}
a:active{color: 4F4F4F; text-decoration: none;}
a:hover{color: B5ED1D; text-decoration: overline underline;}

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 03-30-2002 05:33

The order Wes mentioned matters.

. . : newThing



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu