471,618 Members | 1,235 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,618 software developers and data experts.

display: popups when hovering over a URL (IE6 strikes again)

SamKL
27
http://primusint.info/test/index.php?page=products

View in Firefox, first, hover over the Auburn link at the top of the list on the bottom right.

Then view in IE6. The white box doesn't appear when hovering over the same link, like it does in Firefox.

Any clue as to why IE6 doesn't want to behave here? Any tweaks I might have overlooked?

http://primusint.info/test/css/css_main.css (loaded for every page)
http://primusint.info/test/css/css_products.css (loaded specifically for products page)
Oct 22 '07 #1
9 2103
drhowarddrfine
7,435 Expert 4TB
This doesn't make sense:
#bleft a:hover u { display: block; }

<u> is a font styling element but you are trying to :hover over it. It's the same as trying to :hover over "red". In any case, only modern browsers allow :hover over anything but <a>. IE won't work on anything else.
Oct 22 '07 #2
SamKL
27
This doesn't make sense:
#bleft a:hover u { display: block; }

<u> is a font styling element but you are trying to :hover over it. It's the same as trying to :hover over "red". In any case, only modern browsers allow :hover over anything but <a>. IE won't work on anything else.
Hmm... well I used <u> as a block inside the anchor that would show up only when <a> is hovered over. Hence "a:hover u" not "u:hover" for example... they aren't hovering over the part in <u>, that is the part that isn't visible until they hover over the anchor.

Would there be a better way to implement this?
Oct 22 '07 #3
drhowarddrfine
7,435 Expert 4TB
Use <span> instead. <u> has been deprecated for years.
:hover has to be the last item in a line for that to work, iirc, but <span> make more sense.

Does it work in IE7? Don't have my Windows box available.
Oct 22 '07 #4
SamKL
27
Use <span> instead. <u> has been deprecated for years.
:hover has to be the last item in a line for that to work, iirc, but <span> make more sense.

Does it work in IE7? Don't have my Windows box available.
Yes works in IE7. I'll try span and see how that goes.
Oct 22 '07 #5
SamKL
27
Yes works in IE7. I'll try span and see how that goes.
Okay, <span> alone did not fix it, however I found the bug referenced on this article here.

Just posting it for future reference and so anyone who might want to search for the same issue can do so. The issue was solved by the #2 suggestion, that being adding a definition in the CSS under a:hover that was not previously defined anywhere else in the CSS. It does not seem to affect the design negatively, but it did solve the IE6 issue.
Oct 23 '07 #6
drhowarddrfine
7,435 Expert 4TB
Yeah, that lines up with what I said, above, about :hover has to be the last in the line to work. I just don't recall the specifics.
Oct 23 '07 #7
SamKL
27
Yeah, that lines up with what I said, above, about :hover has to be the last in the line to work. I just don't recall the specifics.
Now adding content to that white box, I'm not sure how to get the code to validate since it won't allow me to use <ul> and header tags in <span>. Would there be a way to do this so that the validator is pleased?
Oct 23 '07 #8
drhowarddrfine
7,435 Expert 4TB
Well, yeah, because <span> is for inline elements and <h1> is block level.
I've been gone all day. Have to recoup for a while.
Oct 23 '07 #9
SamKL
27
Well, yeah, because <span> is for inline elements and <h1> is block level.
Well I gathered that much... I'm just trying to figure out how to implement this technique without pissing off the validator, heh =|
Oct 24 '07 #10

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

52 posts views Thread by Harlan Messinger | last post: by
10 posts views Thread by Oliver | last post: by
4 posts views Thread by danielmcbrearty | last post: by
7 posts views Thread by Nik | last post: by
4 posts views Thread by dd | last post: by
reply views Thread by leo001 | last post: by
1 post views Thread by ZEDKYRIE | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.