Anchor Tags Not Working

[Todd Temple]

LINK-
http://www.securehostserver.info/lcwc/resources/

I have text links in the sidebar and in the main column that are not working in Internet Explorer 6. Works fine in Sarari and Firefox on a Mac.

Any ideas why?

[AutisticCuckoo]

They also work in Opera, and since the markup validates it's unlikely to be a markup issue.

One common cause for this sort of problem is that you have a transparent element that lies on top of the links in IE. I'm at home right now, where I use GNU/Linux, so I don't have access to IE for testing. But I think it's more likely to be a CSS issue than an (X)HTML issue.

[gary.turner]

1. My IE6 on Win98se crashed on loading the page.

2. Disabling scripting let the page load.

3. All links work.

4. Blame the script.

5. Remove the png images and the pngFixer.js from IE6.

cheers,

gary

[Todd Temple]

Blame the script. cheers, gary

Is there a perfect PNG fix that would better suit this specific situation? Sounds like I should never use PNGs again unless I want to play with workarounds all day.

[RyanReese]

Hi, I gave this answer in your other thread already. The PNGfix is the cause of it (your using my script) and as such a side effct in IE6 is that sometimes links aren't clickable.

Giving position:relative; to the anchors work (form inpputs sometimes suffer from this

http://www.sitepoint.com/forums/showthread.php?t=631826

[Stomme poes]

Todd:
your other option is to substitute gifs for pngs... I didn't see the page so I dunno what the transparency is used for, but since png's with semi-transparency are so much bigger than flat ones, I usually try to see if the transparency can be faked first. Then you can keep your PNG, working even in IE6.

You could try the Fireworks solution if you have access to Fireworks: http://www.sitepoint.com/blogs/2007/...-clear-winner/

If you can make use of background images, giving the gif to IE6 and lower is no problem:
#element {
background: the png;
}
* html #element {background: the gif;}

So, some other options to think about, while also considering the script. My allergy to Javascript means I'm always trying the above stuff first.

*edit I took a look... took me a darn long time to load that page in FF3. Whoa, that PNG at the top is 297.74 KB. Either crush that file, or jpg it. That should not be loading like I'm in the 90's while we supposedly have ADSL here.
The links themselves dont' have the transparency... so you're only using it for the drop shadow?

Either don't let IE6 even get the drop shadow (running a whole fat script just to show a drop shadow in an ancient browser doesn't seem like the Right Thing to Do, esp for a page not in the Graphics industry), or make a dropshadow with that repeating background already in there, and flatten it. No transparency needed (so long as the window's not actively being resized, likely nobody can even see where the repeating background doesn't line up if it doesn't).

[czissis]

Open the page is 404

[Todd Temple]

This original link is no longer available as the site has moved to its permanent location. See the link below.

LINK-
http://www.lowerclinchwatershed.org/