2 replies [Last post]
william55
Offline
newbie
Massachusetts
Last seen: 15 years 42 weeks ago
Massachusetts
Joined: 2003-09-30
Posts: 3
Points: 0

I've attached the css file and the xhtml page. I've written three kinds of links for different parts of the page using a.class:pseudo-class in the css and a href="url" class="x" in the html.

Both pages are valid according to the w3 (except for a missing alterantive font family in the css).

Now the page renders perfectly in IE5.2 and Safari on my Imac which i used to create the page in photoshop.

In IE6 for my IBM Thinkpad under w2000 aside from the type not looking as nice as the mac, when you hover ONLY THE TOP HALF of the letters change color. When you press the mouse button the rest of the letter fills in. This makes no sense to me. It does the same thing on my desktop IBM as well.

Any ideas? PS: I also tried doing the same thing using div#divname a:link context selection and it did the same thing.

Thanks in advance.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 23 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Strange hover prob in IE6 for PC works on Mac

Hi William,
Firstly please don't double post, it makes it hard for people to find answers and give answers.

Your main problem is the line-height set to 0 in p.nav.
Also you have the order of your pseudo classes wrong, it should be link, visited, hover.

hope that helps.

william55
Offline
newbie
Massachusetts
Last seen: 15 years 42 weeks ago
Massachusetts
Joined: 2003-09-30
Posts: 3
Points: 0

Strange hover prob in IE6 for PC works on Mac

my bad. after i posted it in text i thought it made more sense in the other category. thanks for the help, now that i think of the line-height its makes a lot of sense conceptually and i'll reorder the pseudo classes and see how it goes. again thanks!