«

Please help,
Using CSS how can I position an image center/center on a page AND
hyperlink the image??
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>

Thank you!

(posted also in alt.html.critique)

"abby" <> 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 <> <http://steve.pugh.net/>

Steve Pugh wrote:
> "abby" <> 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 <> <http://steve.pugh.net/>


Thanks a million Steve
....that worked fine (once I changed spelling for "psoition" and "ing
class" and also added a ":" to "margin-top"
I used your markup at http://www.cregg-house.com (yeah, they insisted
on a splash page image)

--
Abby

Thanks a million Steve
....that worked fine (once I changed spelling for "psoition" and "ing
class" and also added a ":" to "margin-top"
I used your markup at http://www.cregg-house.com (yeah, they insisted
on a splash page image)

--
Abby
ps/ sorry about the multi-post!