Alan K Baker wrote:
> Hi. Thanks for the reply.
>
> I had started to think along these lines, but not actually worked it out. :-)
>
> I've tried what you suggest and it works fine in IE7, Firefox, Opera and
> Safari, however it refuses to work in IE 6. Any ideas?
>
> Here's the code:
>
> <html><body><!-- ......... Some stuff......... -->
> <div id="selectable"><a href="scripts/welcome.html"></a></div>
> <!-- As a temporary measure for IE6 -->
> <!--[if lte IE 6]><div id="clickenter"><a href="scripts/welcome.html">Please
> click here to enter</a></div><![endif]-->
> </body></html>
>
> /* CSS */
>
> #selectable a {
> background-image: url(../images/logos/trans1px.gif);
> width: 100%;
> height:100%;
> display: block;
> z-index: 1;
> position:absolute;
> bottom:0;
> }
>
> selectable a:hover {
> background-image: url(../images/logos/trans1px.gif);
> }
>
> Regards,
>
> Alan.
Alan can you please stop top posting. It's make it hard to follow a
thread. Observe how I have my replied underneath your message.
BTW, you changed my code. I had.
a.selectable {
width: 100%;
height:100%;
display: block;
z-index: 1;
position: absolute;
bottom:0;
}
And for all versions of IE use this.
a.selectable:hover {
background-image: url(transparent-1by1px.png);
}
This is the solution I have used here.
<http://css-class.com/x/list-items-and-hover.htm>
and similar
<http://www.gunlaug.no/tos/alien/lin/test_08_0312.html>
though Georg's example shows the list whitespace bug in IE8. ????
Also you have
selectable a:hover
shouldn't that be
#selectable a:hover
What you want in your source is this
<html>
<body>
<div id="wrapper">
<!-- ......... Some stuff......... -->
<a class="selectable" href="scripts/welcome.html"></a>
</div>
</body>
</html>
Alan
http://css-class.com/test/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
