"abby" <beatty (AT) muchomail (DOT) com> wrote:
Quote:
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.
Quote:
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.
Quote:
(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/>