Re: hyperlink a positioned image?

"abby" <beatty (AT) muchomail (DOT) com> wrote:

Using CSS how can I position an image center/center on a page AND
hyperlink the image??

img.foo {psoition: absolute; top: 50%; left: 50%; margin-top -100px;
margin-left: -100px;}

<a href="bar.html"><ing class="foo" src="foo.gif" alt="Foo Bar"
width="200" height="200"></a>

Change the margin-top and margin-height values to half the dimensions
of your image.

If you have other content on the page then that content may
over/underlap the image, possibly making it unclickable.

The following markup does not appear to allow for a hyperlink
style type="text/css"
body
{
background-image:
url('smiley.gif');
background-repeat:
no-repeat;
background-position:
center;
}
/style

A background-image is decoration. It serves no functional purpose
(though obviously it serves a decorative purpose with all the
implications for user experience that implies). If an image is to be a
link then it has a functional purpose then it must not be a background
image.

(posted also in alt.html.critique)

Please don't multi-post. If you must, cross-post and pick one group
for followups. This response cross-posted and followups set to
alt.html.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>