top menu style issues

[joeyconnick]

Hi there,

Yes, I truly am an HTML nerd. I noticed that hovering wasn't working for some of the links at the top of the emptyclosets pages (home resources forum contact us)

The reason is because of the order of the style definitions in the style1 class:

/* ***** emptyclosets top menu ***** */
.style1 {
font-size: 10px;
font-family: tahoma, verdana, arial;
color: #FFFFFF;
}
.style1 a { color: #FFFFFF; text-decoration: none; }
.style1 a:hover { color: #666666; text-decoration: none; }
.style1 a:visited { color: #FFFFFF; text-decoration: none; }a:visisted is defined after a:hover, which means that if you've already visited a link, the visited style overrides the hover style, which means visited links don't change colour when you mouseover them.

This can be fixed by just swapping the order of the last two lines above, so that a:hover is defined last.

[nisomer]

hmm nice find. but do u think it is a mistake or like that on purpose? i noticed that many sites i go to are like that as well.

[joeyconnick]

I'm pretty sure it's a mistake... what's the point of having hover if you're going to turn it off after you've visited the link even once?

If it's not a mistake, it's a pretty lame design (IMNSHO).

[Corny]

no, you're right it was a bug :)
thanks for the hint, it's corrected now.

[joeyconnick]

Yay I wasn't being anal retentive for no reason! (!)

[goratrix]

*blinks*
I am amazed you actually noticed that. I didn't even realied there was a top menu until I read this post and tried to understand where the problem was...
*blinks again*

[joeyconnick]

I'm a great proofreader, too. :p

ADD: And my rates are great!