RE: [IUG] Re: toplogo.html file

["Ed Seedhouse" <ed at gvpl dot ca>]

Surely one can do this quite simply.  Just create your link with no text,
give it a unique id if it will only appear once on a page or a special
classname if it will appear many times and then give that id or class a
background image.

So the HTML would be something like:

<a href="#" id="unique_name"></a>

and the stylesheet code:

#unique_name
	{
	 background: url("image.jpg") no-repeat;
	}

.. or something like that.  If you want it accessible for non graphic
browsers give the link a name= attribute.  Or even put some text in the link
and style it away for standards compliant browsers with "display: none;".

Depending on the place you could also style the link to be a block element
instead of an inline element, and so on.

Admittedly I haven't actually tried this, and maybe I've misunderstood what
you want, but I don't see why it wouldn't work.

Ed Seedhouse

Systems
Greater Victoria Public Library


> -----Original Message-----
> From: innopac-bounces at innopacusers dot org
> [mailto:innopac-bounces at innopacusers dot org]On Behalf Of Jonathan Bloy
> Sent: Wednesday, January 04, 2006 7:50 AM
> To: IUG INNOPAC List
> Subject: RE: [IUG] Re: toplogo.html file
>
>
> On January 03, 2006 4:32 PM David Jones wrote:
> >One other thing to keep in mind is the accessibility problem.
> >
> >Putting the graphic in the css makes it impossible to make
> >your banner a link.
>
> Using some advanced CSS techniques you CAN make background images links
> that are clickable and still be accessible.
>
> For a number of different methods of doing this, see:
> http://mezzoblue.com/tests/revised-image-replacement/index.php
>
> I'm in the midst of a catalog redesign and there I use this method:
> http://wdhaven.com/articles/12/bir/
>
> All the graphics which are linked in the banner are actually background
> images added through the CSS.  Although the catalog is still a work in
> progress, you can see what I'm talking about on our staging directory.
> http://oscar.edgewood.edu:2082
>
> ---
> Jonathan Bloy
> Web Services Librarian
> Edgewood College
> Madison, Wisconsin
> http://library.edgewood.edu
>
>
> --
> This message was distributed through the Innovative Users Group
> INNOPAC list
> Public replies:  INNOPAC at innopacusers dot org
> Update your subscription options:
> http://innopacusers.org/mailman/listinfo/innopac
>