CODEWITHSUNDEEP
htmlcssinternet-explorer-7
Nathan DeWitt
Nathan DeWitt

Reputation: 6601

Links sometimes don't work in IE

I have a webpage that uses sprites for its navigation link. In IE7 sometimes the links are not clickable. It works fine in IE8 and Firefox. Anyone encountered this before?

http://blazemanifesto.com

Thanks.

Edit
To clarify, on my computer, everything works fine. (Vista, IE8, Firefox 3, Chrome, Safari). I had a complaint from some users that the main nav wasn't clickable. Honestly, I thought "user error" and didn't look much further. Last night I saw my wife browsing the site (Vista, IE7), and noticed some times when she hovered over a link it was not clickable. The mouse pointer did not turn into a hand, and the link itself did not turn white. Clicking did nothing. Some links work fine, some are sporadic, some never work.

I've never seen this before, so I decided to ask you guys.

Upvotes: 0

Views: 1046

Answers (3)

Emily
Emily

Reputation: 10088

Do you care about IE6? You have lots of layout/image problems there.alt text http://ejgejg.com/test/test.jpg

Upvotes: 1

Rene Saarsoo
Rene Saarsoo

Reputation: 13937

It seems that IE7 doesn't like that you have assigned the background image to the container .nav and that just shines through the transparent backrounds of actual links.

When I set the background image to the links directly, they started to work just fine. I suggest you do the same.

BTW, instead of writing long lines like these:

.nav .vision a:link, .nav .vision a:visited { ... }
.nav .vision a:hover, .nav .vision a:focus, .nav .vision a:active { ... }

I would just use:

.nav .vision a { ... }
.nav .vision a:hover { ... }

The first selector targets all A elements in whatever state they are and a:hover overrides that when the cursor is over A. (I guess you don't really care about all those :focus and :active states.)

Upvotes: 1

Jeff Meatball Yang
Jeff Meatball Yang

Reputation: 39057

Just use Firefox. :)

Honestly, I think you'll need to use a strict dtd:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

See more on the IE blog.

Upvotes: -1

Related Questions