6 replies [Last post]
webkat
Offline
newbie
Last seen: 14 years 17 weeks ago
Joined: 2006-03-14
Posts: 9
Points: 0

Thanks to Chris..S for the advice on my millions of a:classes, on closer inspection it all became clear and looked obvious... however it doesn't seem to work!!! It looks like it should and am curious why my hover styles aren't being activated. I've tried playing with it but can't seem to figure it out.

I have a deadline, otherwise I would be happy to work it out myself but really need a quick fix! Really grateful if someone could help.

www.sheroes.co.uk/sheroes_home

here's my CSS:

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
a:active {
text-decoration:none;
}

#nav a {  
  font-size: 11px;
text-decoration: none;
text-transform:uppercase;
display: block;
margin-bottom: 1px;
padding: 3px;
width: 200px;
font-weight: bold;
color: #FFFFFF;
background-color: #666666;
border-right: 19px solid #ffffff;
}

#nav a:hover, #nav a:active {
  text-align: right;
  color: #000000;
  background-color: #FFFFFF;
}

a.nav1:hover, a.nav1:active { border-right-color: #c0979c; }
a.nav2:hover, a.nav2:active { border-right-color: #c2c39a; }
a.nav3:hover, a.nav3:active { border-right-color: #9ac0b7; }
a.nav4:hover, a.nav4:active { border-right-color: #baabc0; }
a.nav5:hover, a.nav5:active { border-right-color: #92adc0; }
a.nav6:hover, a.nav6:active { border-right-color: #a9c08c; }

drhowarddrfine
Offline
Leader
Last seen: 10 years 31 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

a:hover not working... At all. Huh?!?

Look in your online CSS. There are a number of '?' in there causing the hover to de-active.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

Anonymous
Anonymous's picture
Guru

a:hover not working... At all. Huh?!?

drhowarddrfine wrote:
Look in your online CSS. There are a number of '?' in there causing the hover to de-active.
Yeah, what's with the dagger marks (†)?

webkat
Offline
newbie
Last seen: 14 years 17 weeks ago
Joined: 2006-03-14
Posts: 9
Points: 0

What do you mean?

drhowarddrfine wrote:
Look in your online CSS. There are a number of '?' in there causing the hover to de-active.
Yeah, what's with the dagger marks (†)?

I don't see what you see. I don't see any ? or dagger marks. Can you give me a screen grab of what you're seeing. I can't fix something if i don't see it.

Thanx,

K

drhowarddrfine
Offline
Leader
Last seen: 10 years 31 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

a:hover not working... At all. Huh?!?

In your CSS source, under #nav a { ?

Also, further down #nav a:hover, #nav a:active {

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

drhowarddrfine
Offline
Leader
Last seen: 10 years 31 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

a:hover not working... At all. Huh?!?

Apparently your editor is throwing garbage into the file at those points and it is showing up for me as a ? while Triumph sees a dagger.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

Anonymous
Anonymous's picture
Guru

Re: What do you mean?

webkat wrote:
Can you give me a screen grab of what you're seeing. I can't fix something if i don't see it.

Here ya go.

It looks like the app you are using is inserting a strange character for a TAB.

The little delta character denotes a normal tab.