Hyperlink fails in IE8.  Why?

jdana
jdana used Ask the Experts™
on
Take a look at my development page:

http://www.jaginc.com/dev/indexNew.php

The hyperlinks shown in the image (Denver Post - "Denver's Judge Naves comes off the bench", Law Week - "Naves To Begin Working At JAG In April", Click here to enroll.) aren't working in IE8 (and presumably IE7).  No problems w/ Firefox or Chrome.  

I've included the HTML below.  What's the issue?
<div id="apDiv0">
<p><b>JAG Welcomes Denver District Chief Judge Larry Naves</b><br /></p>
<p><a href="http://www.denverpost.com/news/ci_14386417" target="_blank" style="cursor:pointer;">
<b>Denver Post -</b> &quot;Denver's Judge Naves comes off the bench&quot;</a></p>
<p><a href="http://www.lawweekonline.com/2010/02/naves-to-begin-working-at-jag-in-april/" target="_blank" style="cursor:pointer;">
<b>Law Week -</b> &quot;Naves To Begin Working At JAG In April&quot;</a></p>
</div>

<div id="apDiv2">
<p><b>JAG 2009-2010 Education Series</b></p>
<p><a href="/education" style="cursor:pointer;">Click here to enroll.</a></p>
</div>

Open in new window

Bad-Hyperlinks-in-IE.png
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
I cross check your page by
-- coping the code snippet given in an html page and run it.. it's working fine in both IE7 and IE8.
-- And save the complete php page. then also it' working fine..
But while rendering the complete php page in IE, it is not taking <a> tag rather taking only the p element in a div.
your problem its on the "cycle-fade.js" file.

In the line 108,110,111, etc....

You will need to change the transparent method from this:

document.getElementById('apDiv'+this.curimageindex).style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img_frontpage/bg_on.png", sizingMethod="scale")'

to those 2 lines:
document.getElementById('apDiv'+this.curimageindex).style.background='url("/img_frontpage/bg_on.png")'
document.getElementById('apDiv'+this.curimageindex).style.filter = 'alpha(opacity=80);'

and with that change you will get your "a" elements working fine.
Instead of giving relative paths in urls, you can give the absolute paths to avoid any type of incompatibilities...... <a href="http://www.denverpost.com/education">

Author

Commented:
GERENTE, Thanks!  It worked great.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial