Thanks to everyone who replied. You were most helpful. The page is up and
clickable and the image replacement technique is filed away for future
reference.

thanks again,
Jim

-----Original Message-----
From: Christian Heilmann [mailto:[EMAIL PROTECTED]
Sent: Thursday, December 15, 2005 10:46 AM
To: Jim Ryan
Cc: CSS Email List
Subject: Re: [css-d] Clickable image


> I've redesigned this formerly-tabled page in all-css--something the tech
> guys at the company's forward-looking CMS tell me they refuse to
support(!!)
> http://www.childrensaidsociety.org/newheights/
>
> If you look at the "new heights" logo on the upper left of the layout,it's
a
> background image, but I'd like to make it clickable. Problem is, I haven't
> found a way to put that image there without throwing off the rest of the
> layout. Any suggestions?
>

If that is to be a link and crucial content - why is it a background image?

I had issues in the past where we needed to use background images in
CSS and a link above them. The solution was to use a real text link,
and position it absolute above the image in the layout. As your logo
is not somewhere in the content but at a fixed position, this is not
much of a problem to do:

<a id="nh" href="bla.html">New Heights Start Page</a>

#nh{
  position:absolute;
  top:20px;
  left:20px;
  width:100px;
  height:70px;
  overflow:hidden;
  text-indent:-200px;
}

or any other image replacement technique.

It is a hack, but makes both parties happy.

--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to