Click to See Complete Forum and Search --> : [RESOLVED] Disappearing CSS Hover Effects?


Fembot
03-21-2006, 03:00 PM
Ok, apparently I didn't get my link problem resolved. I have set the links to appear a certain way when hovered over and such but I'm noticing that now that I have "visited" all the pages, the effects don't work anymore...can anyone tell me what to do?

:eek: Here is some of the code:

a.side:link:hover {
width: 165px;
text-align: center;
FONT-SIZE: 10pt;
FONT-FAMILY: Times New Roman, Times;
padding: 4px 2px 4px 2px;
display: block;
margin-bottom: 1px;
color:#000;
background-color: #eec;
border: 2px solid #996;
text-decoration: none;
FONT-WEIGHT: bold;}

a.side:visited {
width: 165px;
text-align: center;
FONT-SIZE: 10pt;
FONT-FAMILY: Times New Roman, Times;
padding: 4px 2px 4px 2px;
display: block;
margin-bottom: 1px;
color:#000;
background-color: #cc9;
text-decoration: none;
border: 2px solid #996;
FONT-WEIGHT: bold;}

a.side:link {
display: block;
color:#333300;
margin: 0px;
margin-bottom: 1px;
text-align: center;
text-decoration: none;
background-color: #cc9;
border: 2px solid #996;
width: 165px;
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
FONT-FAMILY: Times New Roman, Times;
text-align: center;
padding: 4px 2px 4px 2px;}

a.side:link:active {
width: 165px;
background-color: #eec;
text-align: center;
FONT-SIZE: 10pt;
FONT-FAMILY: Times New Roman, Times;
padding: 4px 2px 4px 2px;
display: block;
margin-bottom: 1px;
color:#333300;
border: 2px solid #996;
text-decoration: none;
FONT-WEIGHT: bold;}

Kravvitz
03-21-2006, 10:10 PM
Read these:
http://www.dynamicsitesolutions.com/css/mistakes/
Writing Efficient CSS (http://www.communitymx.com/content/article.cfm?cid=90F55)

Fembot
03-22-2006, 02:35 PM
Ok [hangs head in shame] a silly mistake... thanks for the links

David Harrison
03-30-2006, 01:13 PM
:link,:visited,:hover,:active should be used in that order.And now for the full and correct version.

:link, :visited, :focus, :hover, :active should be used in that order.

WebJoel
03-30-2006, 02:04 PM
And now for the full and correct version.

:link, :visited, :focus, :hover, :active should be used in that order.


I don't know how it is spelled exactly (& dictionary not handy at the moment), but those "loofa" washing scrub-pads that people have in their bathroom, -think "loofa" (Link, Visited, Focus, Hover, Active), and you'll get the link-order right every time. :)

-Joel