Html / Css link problem [closed]

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center. Closed 11 years ago. 开发者_JS百科

Okay, so finally got the business site finished today; however the index page I created to direct people to the relevant webpage has stopped working. In Internet Explorer it shows and highlights links but only when viewing it locally. The Css and HTML can be located here (testing.coolcosy.com). Thankyou! Peter

P.S I know my Css isn't tidy, I am really not cut out for web design

---

Urls like "Community.CoolCosy.Com" should start with http:// unless it's a folder name in your current location.

Fixed it for you taking in account all answers: http://jsfiddle.net/GfCjG/1/

---

your div id "wrapper" is covering the html links. Im no designer but a quick fix would be put a z-index of -1 on the wrapper

infact you have two elements which have the ID of wrapper - this isnt standards compliant I believe but It the one wrapping the footer that is causing you trouble

---

You have two divs with the same id "wrapper". This is not allowed, by definition there must be no elements with the same ID in the DOM. Anyway the second one (which contains the footer) is covering your links.

You should stile it differently to avoid it overlapping your links.

---

The other answers allready mentioned it, but I'd like to summarize and give some additional hints:

First off, especially since you claim your self not being cut out for web design, always validate your code to correct the most obvious errors.

Your actual problem that the second "wrapper" overlaps the links. That is because you are floating the elements with the links, which removes them from the flow of the page. You are correctly using "clear: both" on the footer to "move" the footer after the floats, but this leaves the surrounding "wrapper" to still cover the floats. You need to put the clear:bothon the wrapper instead - but first make sure you get rid of the duplicate IDs.