Forums / Templates, Stylesheets, Page Layout / Hover over Categories & Documents not working

Hover over Categories & Documents not working

Locked

Views: 1,574

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
18 Nov 2007, 7:23 PM
#1
donn avatar

donn

Zen Follower

Join Date:
Oct 2007
Posts:
241
Plugin Contributions:
0

Hover over Categories & Documents not working

I have the hovor color set and when I move across linkable text, the color changes.

BUT---not on the text in the categories or the documents boxes.

I would like these areas to respond in the same manner as the rest of the page.

18 Nov 2007, 7:30 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Hover over Categories & Documents not working

The categories links are defined after the generic link/hover declarations and are more specific, so they would override that. Find the a.category-top {} declaration and add an a.category-top:hover {} with your desired behavior. Do the same for other category links as desired.

18 Nov 2007, 9:05 PM
#3
donn avatar

donn

Zen Follower

Join Date:
Oct 2007
Posts:
241
Plugin Contributions:
0

Re: Hover over Categories & Documents not working

gjh42:

The categories links are defined after the generic link/hover declarations and are more specific, so they would override that. Find the a.category-top {} declaration and add an a.category-top:hover {} with your desired behavior. Do the same for other category links as desired.

OK...I cahnged the colors. For some reason my cart doesnt keep track of lniks Ive been to. The cateogory links declaration changes only the

New Products ...
All Products ...

text at the bottom of the category box.

AND....

I can't seem to get the hover function to work.

I tried:

A.category-top, A.category-top:visited {
color: #2C3333;
text-decoration: none;
hover,
color: #0000CC;
}

as well as

A.category-top {
hover,
color: #003333;
}

What am I doing wrong??

18 Nov 2007, 9:16 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Hover over Categories & Documents not working

You are doing the :hover wrong.
Also, to get different results for :link and :visited, you need to have them separate and give them different colors.

A.category-top {
    color: #2C3333;
    text-decoration: none;
    }

A.category-top:visited {
    color: #2C33ff;
    }

A.category-top:hover {
    color: #0000CC;
    }
18 Nov 2007, 10:03 PM
#5
donn avatar

donn

Zen Follower

Join Date:
Oct 2007
Posts:
241
Plugin Contributions:
0

Re: Hover over Categories & Documents not working

gjh42:

You are doing the :hover wrong.
Also, to get different results for :link and :visited, you need to have them separate and give them different colors.

A.category-top {
color: #2C3333;
text-decoration: none;
}

A.category-top:visited {
color: #2C33ff;
}

A.category-top:hover {
color: #0000CC;
}


OK....got it....hover works....but visited links,categories,products still do not change, even after I seperated all of the declarations, visited being assigned a different color .

Are those ONLY going to light up if a user is logged in??
18 Nov 2007, 11:15 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Hover over Categories & Documents not working

You need to make sure the :visited is declared after the :link; otherwise it will be overruled by the :link declaration. Could there be another a.category-top {} in the stylesheet after the one you edited?

Being logged in is not relevant to this.

28 Jan 2008, 11:24 AM
#7
aussie avatar

aussie

New Zenner

Join Date:
Apr 2005
Location:
NSW - Australia
Posts:
38
Plugin Contributions:
0

Re: Hover over Categories & Documents not working

gjh42:

You need to make sure the :visited is declared after the :link; otherwise it will be overruled by the :link declaration.....
Thank you Glenn !!!

That little bit of information has solved some little CSS glitches I have been trying to solve.
Since I am a non css man, Knowing the importance of the position in a css table has worked wonders for me !

Thanks Again !

Brad :)