Hello everyone. Here is my problem :
The links on the left side of the page don’t link anywhere, even when I use <a href =“value”></a>. I am sure there is some simple problem, but I can’t figure it out. Also, before the links worked fine, but they were under <ul>, and once I removed that, they no longer work.
Sorry, the site is truecardio.com
I actually fixed the issue, since I forgot it had a z-index of -1. But, I have another issue. How can I set it so when you shrink down the page, the left nav goes underneath the written content? Thank you. I tried using z-index, but that didn’t seem to work.
Either removing float: left from #leftnav
or overflow: hidden from #maincontent
margin: 0 auto 0 auto;
will fix it. I’d do the first option.
Would this allow for the content to overlap? Or would this fix the link error?
And thank you.
I tried both changes, and they didn’t seem to affect the page adversely while making the links work. However, overflow:hidden is handy for other reasons, so I’d go with removing position:relative on the nav. If consequences flow from that, they can be dealt with separately.
It’s better to make a new post than to edit an old one, as people may not see the update.
The layout method here is not ideal.
It’s better to have a wrapper for all the content, and center that, then wrap columns within that and float them. Using positioning on the page leads to problems, as you see.