Links not working in Internet Explorer

Hi,

I'm making a website and have been using Chrome and Firefox to check its been working along the way, and I've just viewed it in internet explorer and seen that on my homepage, none of the buttons on the top ("Home", "skills", "Portfolio", "Reviews", "Contact") that are links are working and two other links further down the page have annoying blue borders around them!

my website is milesmonty.com

How can I fix this please?

Thanks

Your anchor tags are being dropped in ie. This is most likely because you are wrapping a div in the anchor tags. Take away the div completely and apply position and size styles to the anchor tag itself. It is OK to have an empty anchor tag.

Alternatively you could bust out the allinone image and use images inside the anchors. Then you could use alt tags in the images and this would be better for SEO.

Welcome to DevShed Forums, DJ-Specter.


Syntactically, yes, but for usability and accessibility (and SEO) reasons a link should have some text in it (or an image with appropriate "alt text").

A CSS Image Replacement technique could also be used. I recommend the Gilder/Levin CSS Image Replacement technique.

Thanks very much for both of these answers!! I've now put a small blank picture in the anchor tags which works brilliantly.

When I view the page in IE though, I still get annoying borders around the links. Can I do anything about these?

Thanks again

I usually add a border attribute to the image tags set to 0. ie:

But you could do this globally via css as well:

The thing is I don't think they're being added by css or anything else, I think its just IE doing something weird to show they're links?

Web browsers use an internal stylesheet to control how elements are displayed by default. Some browsers apply a border to images within a link by default.


The border attribute for <img> elements is obsolete. CSS should be used to control that. FYI, I prefer to use "border: 0 none" instead of just "border: none".