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.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
----- Original Message -----
From: Alan Gresley
To: Alan K Baker
Cc: css-d@lists.css-discuss.org
Sent: Friday, April 04, 2008 6:15 AM
Subject: Re: [css-d] Anchor tags
Alan K Baker wrote:
> Hi all.
>
> I have a need for an entire index page to be contained within an anchor, so
that anyone visiting the site would have to simply click anywhere within the
page to bring up the next screen.
>
> As <a> tags can't contain <div>s , does anyone have a technique to achieve
this?
>
> Regards,
>
> Alan.
At the end of you source code insert a anchor within a container that
has "no" position whatsoever. Then style this anchor with.
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);
}
If the page is higher than the viewpoint you may wish to have it
position fixed for the better browsers.
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/
______________________________________________________________________
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/
