473,219 Members | 2,007 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,219 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 2248
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

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

Similar topics

52
by: Harlan Messinger | last post by:
Can you help me figure out what to do about popups? Sometimes we develop web applications where popups make very good sense for precisely the same reasons they make sense in traditional...
10
by: Oliver | last post by:
Hello, i'm having trouble with a css type popup. It's not doing what i want in Mozilla 1.6 and in IE6.0 it's not working at all. The html code looks like this: <div class="themenkueche"...
1
by: Al Evans | last post by:
I'm sorry to barge right into a new newsgroup with a problem, but though I'm old to many things, I'm new to CSS. Here are two web pages. Apparently, they don't display correctly in IE6 under...
4
by: danielmcbrearty | last post by:
Hi Can anyone tell me why the following javascript code doesn't work with IE6? (It's fine with Firefox of course ...) (in teh document head) <script type="text/javascript"...
2
by: Nemo | last post by:
This may be nothing to do with CSS in which case I apologise for wasting your time. I noticed that images on my website are about 5% larger when viewed in IE6, compared to Mozilla or Firefox,...
7
by: Nik | last post by:
I'm trying to combine css-popups with an images-in-inline-lists gallery. The problem I see with http://www.niksally.f2s.com/upload/gallery/gallery.html is that the images jog when the mouse...
4
by: dd | last post by:
I have a scenario where my popups are being blocked by IE6+ and Firefox. The problem is that although the popup is a direct result of the user clicking on the link (meaning that they WANT the...
9
by: Edward | last post by:
IE6 only displays certain text on my site if you mouse over it (!). I reduced the HTML down to this code below which still shows this effect/bug. My temporary solution was to take out all the...
19
by: Steve | last post by:
Hi there, I'm having a problem with a webpage where hoving over the top navigation links causes my footer to jump up to the centre of the page! It only happens with IE7, and works fine with the...
1
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
0
by: VivesProcSPL | last post by:
Obviously, one of the original purposes of SQL is to make data query processing easy. The language uses many English-like terms and syntax in an effort to make it easy to learn, particularly for...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: mar23 | last post by:
Here's the situation. I have a form called frmDiceInventory with subform called subfrmDice. The subform's control source is linked to a query called qryDiceInventory. I've been trying to pick up the...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....

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.