Home/ Questions/Q 6879907
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T04:54:22+00:00

I’ve got myself multiple a tags floating on a page. They have been styled

  • 0

I’ve got myself multiple a tags floating on a page.

They have been styled in a unique way to center an image horizontally inside it, using a span and css. The a tag itself has fixed width and height.

I thought this was basic stuff, and my theme was causing the issue, but I’ve created a stripped down jsFiddle and I’m still getting the same problem when running the jsFiddle in IE 7.

The a tags are all click-able in every browser apart from IE7, why is this happening?

Can anyone explain? Thanks.

http://jsfiddle.net/motocomdigital/Qk9tu/6/ – Test click-able state in IE7, works fine everywhere else.

Don’t worry about IE 6 – I’m not coding for this anymore.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can achieve what you are trying to do with just CSS, but it requires a slightly different layout in your HTML and some extra CSS.

    JSFiddle – http://jsfiddle.net/8E8um/2/

    Note

    In a.home-module I have added a transparent image. This is because IE7 will not assign an “empty” parameter (due to the negative text-indent) to the top level and would therefore still leave the link unclickable.

    • 0