Hover images truncated in Opera

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Warren Post - 23 Jul 2005 20:59 GMT

I´m trying to implement a:hover popup images like Eric Meyer did at
<http://meyerweb.com/eric/css/edge/popups/demo2.html>. My latest take is
at <http://www.cafecopan.com/dev/20050612/index.en.html>. Mozilla 1.6 and
even MSIE 6.0 display as intended: upon hovering over the text on the
right, a corresponding image pops up on the left, covering the default
image. Opera 7.53 however, truncates the lower portion of the hover image,
allowing that portion of the default image to remain visible. The HTML and
CSS validate. Any ideas of what I might be doing wrong?

TIA,

Signature

Warren Post
Santa Rosa de Copán, Honduras
http://srcopan.vze.com/

Reply to this Message

Mason A. Clark - 23 Jul 2005 22:04 GMT

>I´m trying to implement a:hover popup images like Eric Meyer did at
><http://meyerweb.com/eric/css/edge/popups/demo2.html>. My latest take is
[quoted text clipped - 4 lines]
>allowing that portion of the default image to remain visible. The HTML and
>CSS validate. Any ideas of what I might be doing wrong?

Hiding your links so I have to spend time or mouse-sweeping to figure
out where they are.

Sorry -- it's a pet peeve of mine. I switch in my own little stylesheet on
about 90% of web pages nowadays -- just to reveal the links.

Mason C oh, by the way, they work fine in Opera 8.1

Reply to this Message

Gus Richter - 24 Jul 2005 15:14 GMT

>
> Mason C oh, by the way, they work fine in Opera 8.1

Doesn't work fine for me on my Opera.
I see the gap on the lower portion of the hover generated images.

div.lang-control p { margin: 0em; }
in main.css is not the cause or cure, but removing it fixes the problem
in Opera.

Signature

Gus

Reply to this Message

Warren Post - 28 Jul 2005 17:27 GMT

> Doesn't work fine for me on my Opera. I see the gap on the lower portion
> of the hover generated images.
>
> div.lang-control p { margin: 0em; }
> in main.css is not the cause or cure, but removing it fixes the problem
> in Opera.

Thank you, that fixes it.

Signature

Warren Post
Santa Rosa de Copán, Honduras
http://srcopan.vze.com/

Reply to this Message

Warren Post - 28 Jul 2005 17:28 GMT

Thank you, Gus. What version of Opera are you using, and on what platform?

Signature

Warren Post
Santa Rosa de Copán, Honduras
http://srcopan.vze.com/

Reply to this Message

Gus Richter - 29 Jul 2005 01:59 GMT

>>Doesn't work fine for me on my Opera. I see the gap on the lower portion
>>of the hover generated images.
[quoted text clipped - 4 lines]
>
> Thank you, Gus. What version of Opera are you using, and on what platform?

I have Opera 8.01 on Windows.

Signature

Gus

Reply to this Message

Warren Post - 24 Jul 2005 16:27 GMT

>>Any ideas of what I might be doing wrong?
>>
> Hiding your links so I have to spend time or mouse-sweeping to figure
> out where they are.

Point taken. It was a design conceit that seemed like a good idea at the
time, but now that you make me consider it in the light of day, I agree
with you.

> oh, by the way, they work fine in Opera 8.1

Hmm, does anyone else see what I´m seeing? Or is this just something
flakey on my box?

Signature

Warren Post
Santa Rosa de Copán, Honduras
http://srcopan.vze.com/

Reply to this Message

Fig - 25 Jul 2005 04:46 GMT

>>> Any ideas of what I might be doing wrong?
>>>
[quoted text clipped - 9 lines]
> Hmm, does anyone else see what I´m seeing? Or is this just something
> flakey on my box?

Yeah, I'm seeing it too, in Op 8.02tp. I've looked long and hard but can't
provide a solution. I can only offer this observation: When the link is
active (click and hold the mouse) then the full image shows as
expected/required.

Good luck

Signature

Fig

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / July 2005

Hover images truncated in Opera