PAGE-2: A Hidden Pop-up Box With CSS Only related to Popup, Hover, Hidden, Html

vizskywalker

Dec 1 2006, 05:42 AM

It seems to work fine in IE7. You may just want to put a link at the bottom to the firefox download page or the IE7 download page or both. IE6 is outdated, and people really ought to upgrade to IE7 if they still use it.

~Viz

Comment/Reply (w/o sign-up)

pyost

Dec 1 2006, 12:54 PM

Yeah, it does work fine in IE7, but many people are still using IE6 probably because they:
1) Have an extremely slow connection, so they can't update
2) Don't know how to update/don't even know that there is an update

I am still following the rule that it must be the same in all browsers, or at least most of them. And leaving out IE6 (and lower) isn't an option for me.

What about JavaScript? I'm not a JS fan, but if it can solve this problem, I'll have to use it

Comment/Reply (w/o sign-up)

jlhaslip

Dec 1 2006, 07:00 PM

Does this page help you at all?
http://www.jlhaslip.trap17.com/samples/tooltips/

Comment/Reply (w/o sign-up)

toby

Dec 1 2006, 07:13 PM

QUOTE(jlhaslip @ Dec 1 2006, 07:00 PM)

Does this page help you at all?
http://jlhaslip.trap17.com/samples/tooltips/

Oddly in Opera 9, you have to click the link to see the first line.

Comment/Reply (w/o sign-up)

pyost

Dec 1 2006, 07:38 PM

QUOTE(jlhaslip @ Dec 1 2006, 08:00 PM)

Does this page help you at all?
http://jlhaslip.trap17.com/samples/tooltips/

Actually, that is mostly the code I use. Therefore, you have the same problem, too. When I reduced the font size, the box connected to the first link appeared behind the third link. z-index would solve the problem, but only in IE7, Firefox and Opera.

Comment/Reply (w/o sign-up)

vizskywalker

Dec 1 2006, 07:53 PM

QUOTE(pyost)

What about JavaScript? I'm not a JS fan, but if it can solve this problem, I'll have to use it sad.gif

Javascript can be used to accomplish this, I know because I've done it before. But it is extremely messy, and ugly. If we can't think of anything else, I'll take a crack at coming up with some JS code for you. All of my samples use Javascript's UOOP so they probably aren't what's best suited and I'd need to convert.

~Viz

Comment/Reply (w/o sign-up)

saint-michael

Dec 1 2006, 08:20 PM

what about the transparency effect in IE7 you have on the 2+? All them except for the last one are transparent.

although this could have been fixed a z-index of 100 seems to be a bit extreme if you remember the problem I was having (fixed it) a z-index of 1-5 should be sufficient unless I am missing something.

Also have you thought about what mac Ie 5 would look like and netscape as well?

Comment/Reply (w/o sign-up)

pyost

Dec 1 2006, 09:47 PM

I know z-index of 1 would have been enough, but I prefer it this way. If necessary, I can insert more classes with the index between 1 to 100. And 100 is a better-looking muber

QUOTE(saint-michael @ Dec 1 2006, 09:20 PM)

Also have you thought about what mac Ie 5 would look like and netscape as well?

I didn't want to think about Mac, because I'm 100% sure that 0.01% of the visitors would be using it. In my country, XP is the way to go

QUOTE

what about the transparency effect in IE7 you have on the 2+? All them except for the last one are transparent.

I didn't quite understand this part. Would you mind exaplaining it again (since I don't have IE7)?

Comment/Reply (w/o sign-up)

saint-michael

Dec 2 2006, 08:10 PM

Well since I can't show you a print screen (erased the example) basically I could see through the box when you hover over the score. It that to all of them except for the last set of scores.

Comment/Reply (w/o sign-up)

pyost

Dec 2 2006, 10:34 PM

I think I know what you are talking about, and that's probably what I want to solve. But it wasn't completely transparent, right? You could see the other grades, but not the table lines - and in the bottom, there were no grades behind the comment. Am I right?

Comment/Reply (w/o sign-up)

A Hidden Pop-up Box With CSS Only - A great trick I can't conduct completely

A Hidden Pop-up Box With CSS Only - A great trick I can't conduct completely