7 replies [Last post]
ewwatson
ewwatson's picture
Offline
Regular
Last seen: 5 years 21 weeks ago
Joined: 2007-12-19
Posts: 45
Points: 0

The hover effect on the navigation I have put in place works in all browsers except IE. Check it out in one of the working browsers first so you see what I am talking about. But it is just a simple black border top/bottom I have on the links when hovered over. But they don't show in IE. I am sure it is something simple (hopefully), what do you see?

Also, what do you think, do you like the hover effect? I think I like it, but I'm not sure yet though? Thanks!

http://www.discountsitedesign.com/

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 weeks 6 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

The order is important. It

The order is important. It should be:

#nav li a:focus, #nav li a:hover, #nav li a:active { color: #33FFCC; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 0 0 1px 0; }

Link Visited Hover/Focus Active

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ewwatson
ewwatson's picture
Offline
Regular
Last seen: 5 years 21 weeks ago
Joined: 2007-12-19
Posts: 45
Points: 0

Ya, I was pretty sure I

Ya, I was pretty sure I already tried that. But for good measure I changed the order and still - nothing. Anything else? Thanks

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 weeks 6 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You need to add position:

You need to add position: relative to get them to stack correctly in IE.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ewwatson
ewwatson's picture
Offline
Regular
Last seen: 5 years 21 weeks ago
Joined: 2007-12-19
Posts: 45
Points: 0

That did it, your the man!

That did it, your the man! Thanks!

ewwatson
ewwatson's picture
Offline
Regular
Last seen: 5 years 21 weeks ago
Joined: 2007-12-19
Posts: 45
Points: 0

Why is that though? Is it

Why is that though? Is it because I have position:relative in the Nav id, so I have to put it in the #nav a:link also? Or is it just an IE thing?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 weeks 6 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

It's an IE thing.

It's an IE thing.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ewwatson
ewwatson's picture
Offline
Regular
Last seen: 5 years 21 weeks ago
Joined: 2007-12-19
Posts: 45
Points: 0

Thanks - did you see my

Thanks - did you see my reply over at SitePoint - I thought it was funny Smile