I'm having a problem with popups on Internet Explorer on Windows - surprise huh?
I have popup captions under images in a table. After great effort and ie7 javascripts, that much is working on all browsers. BUT on IE Win only, you can't move the mouse onto the captions to click links because the caption disappears before you can get to the link.
I've posted a page demonstrating the problem and would appreciate any suggestions to resolve it.
<!-- m --><a class="postlink" href="http://test1.hsltd.us/IETest.html">http://test1.hsltd.us/IETest.html</a><!-- m -->
Thanks in advance.IE can't do the hover on divs. Only on the <a> . Only modern browsers can do that.That's what the JS is for.
Try positioning the caption a bit higher so that the mouse is either over the image or the caption, but never over anything else.why not use the pure CSS way:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page title</title>
<style type="text/css">
a:hover {background-color: transparent;}
a span{display:none;}
a:hover span{display: block;}
</style>
</head>
<body>
<a href='http://www.webdeveloper.com/forum/archive/index.php/#'>
<img src='http://test1.hsltd.us/BLUR.jpg' alt='' border='0' /><br />
<span>this is a link</span>
</a>
</body>
</html>>> Try positioning the caption a bit higher so that the mouse is either over the image or the caption, but never over anything else.
That proved to be the first step in the cure. I used a negative px for the top, but I discovered that the padding and margin needed to be brought up too. They're transparent and can't be over the space between images when the mouse moves through them. By adjusting the three just so the mouse now moves smoothly between the image and caption.
>>why not use the pure CSS way
It doesn't work on a tightly packed table of images.
Thanks to all.
I have popup captions under images in a table. After great effort and ie7 javascripts, that much is working on all browsers. BUT on IE Win only, you can't move the mouse onto the captions to click links because the caption disappears before you can get to the link.
I've posted a page demonstrating the problem and would appreciate any suggestions to resolve it.
<!-- m --><a class="postlink" href="http://test1.hsltd.us/IETest.html">http://test1.hsltd.us/IETest.html</a><!-- m -->
Thanks in advance.IE can't do the hover on divs. Only on the <a> . Only modern browsers can do that.That's what the JS is for.
Try positioning the caption a bit higher so that the mouse is either over the image or the caption, but never over anything else.why not use the pure CSS way:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page title</title>
<style type="text/css">
a:hover {background-color: transparent;}
a span{display:none;}
a:hover span{display: block;}
</style>
</head>
<body>
<a href='http://www.webdeveloper.com/forum/archive/index.php/#'>
<img src='http://test1.hsltd.us/BLUR.jpg' alt='' border='0' /><br />
<span>this is a link</span>
</a>
</body>
</html>>> Try positioning the caption a bit higher so that the mouse is either over the image or the caption, but never over anything else.
That proved to be the first step in the cure. I used a negative px for the top, but I discovered that the padding and margin needed to be brought up too. They're transparent and can't be over the space between images when the mouse moves through them. By adjusting the three just so the mouse now moves smoothly between the image and caption.
>>why not use the pure CSS way
It doesn't work on a tightly packed table of images.
Thanks to all.