CSS Need help coding links to work

Hi all, and thanks to those who provide these awesome templates!

I downloaded this template:
https://freewebsitetemplates.com/preview/template21/

but noticed that something is preventing links from working on the left side and I am not sure what to add to the style sheet to make it work.

you can see an example on the template listed above where the "learn more" link under news doesn't work. I thought it just needed tweaked, but then realized that no links on that side will work.

Hope you can help me as I have heavily modified this template and would hate to heavily modify it more LOL

 

Hi again, yes, the tab links on the left nav do work, it is the left content (see the "learn more" link under news and the picture) which is a non working link example.
https://freewebsitetemplates.com/preview/template21/

since the problem is in the original template I thought it would be easier for you all to look at the original code. I saw that a few other people on the forum had this problem in the past, but saw no response.

Thanks again for all your help!

 

Well, if the "learn more" graphic works in the left content under "latest news" and the red graphic above the turtle, (not talking about the tabs) on the template here
https://freewebsitetemplates.com/preview/template21/
("more" graphic link on the right works fine)

then maybe it is a browser issue. Am using IE6. Bummer for me. Because it doesn't work on the original template link.

Thanks so much for your help!

 

I had someone check it on a different version and browser and it works fine. I don't have a problem upgrading to a different browser, the only problem would be that a certain percentage of folks would have the same issue as I am having. Thanks for your help in working through this, at least I now know that I am not losing my mind!

You guys are amazing!

 

yes, to clearing cache and windows updates. Was wondering if it is a setting in internet options for but nothing jumps out at me. Is this the point where we give up and I just redesign around the issue, or do you think some magical line of code will appear in a dream as a fix LOL

Again, thanks for your help.

 

ok, I may have stumbled upon something:

I took this line of code:
a {display:block; position:relative;

put it in here:
}

* html #ie {
filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='images/body_t.gif');
height: 78px;
width: 858px;
position: absolute;
margin-left: 38px;
a {display:block; position:relative;
}

and the links now work. I don't know if I broke anything else in the meantime LOL, but this might be a go?

 

Thanks again for suffering through this with me. I got lucky with a google search and ran across this, which appeared to be the dilemma:


The Problem
The problem is found when setting your <a> link as display:block, you’ll see that although it visually renders properly within IE, and mozilla firefox, opera, etc - you will notice that IE doesn’t allow you to click anywhere within the link? What? You say?
The solution
The solution is to set a position:relative on the <a>. Like so:

<style>
a {display:block; position:relative}
</style>
&html>