Hyperlinks A HREF do not work

Question

I'm a bit fooling around with a new website idea. But when i was testing it the A HREF does not work. It's not even showing a finger/hand pointer.

It's the text at the content area (the first white block under the header, but not the menu). The headers should be links to the posts (Wordpress).

screenshot of the links that do not work (red arrows): http://new.go80.nl/screenshots/brokenlinksscreen.png

Actually all the links in that area do not work.

And at the Contact page not even the google maps work. I can't move around and can't click the links.

Can somebody please help me figure this out? I don't want to start over.

Website: http://new.go80.nl/headlines

EDIT, i first linked to the home page. Beacouse I'm new here i could only add one link and the home page actually is OK so I linked to the Headlines page.

Thank you guys very much!

Greetings, Joeri Kosters

Answer 1

It looks like focus is going to the pagewrap div by default

EDIT #2: Make sure you give an example that actually shows the problem : )

It looks like somehow you've gotten z-index: -1 on div#content, so it is falling 'behind' div#pagewrap and so is not clickable. Get rid of that and you should be fine.

Answer 2

Umm, you haven't put this text inside <a></a> elements, according to the HTML source.

Answer 3

There is a z-index: -1 in your global.css in your #content id section. Remove this and your problem is fixed.

The z-index is making all of the #content links unreachable by the mouse.

Answer 4

Umm just put those headlines text in between the "a" and href tags.

   <a href="http://yourlink/link.htm">Your Heading</a>