Previous Message
Next Message

CSS Block Element Links

Sent by Daniel Klug on 13 September 2006 23:11


Hey all,
     I'm trying to make an entire 'block' of elements into a link (like a
table, but using spans and divs).

     I laid out the <a href="#" class="content">Pics, spans, text,
etc..</a> then positioned the elements accordingly.

     I have everything working perfectly in Firefox, but only
'sort-of' in IE.
     In IE, It seems as if the Z-order of the elements on top of the
"content" class <a> override the Link functionality.

     Other browsers behave, but not IE. The text in the link is hovering
with the 'text' cursor, but I can still click the link, but the IMG wont
click at all. It's just weird.

Also, I tried using:
*a {position:relative;}
but it doesn't work in this case.

What is the hack to get this to work?

The example in question (Fine in FF, Broke in IE):
http://www.redforty.com/index2.php

Thanks!

-Daniel
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: