Try style="background:url(images/home.png") no-repeat top left; width:
<imagewidth>px; height: <imageheight>px;" for the first a.
I'd probably do something like this:
<li><a href="#" id="home-link">Home</a></li>
Then in CSS:
#home-link {
background: url(images/home.png) no-repeat top left;
width: WIDTHpx;
height: HEIGHTpx;
overflow: hidden;
padding-top: HEIGHTpx;
}
That way, people using a graphical browser won't see the text, but
people using a text-based browser and search engines will see the
text. Of course, you could just use alt="" in the <img /> tag, but
that is not pretty either.
Regards,
Svip
2008/8/28 Michael Horowitz <[EMAIL PROTECTED]>:
> How would people suggest if I have a menu with an image on top and text
> underneath and I want both the text and the image as a link
>
> I'm thinking of making them link items and use css to move the image on top
> of the text. Does that sound semantically correct.
>
> <li><a href="#"><img src="images/home.png" /></a> </li>
> <li><a href="#">HOME</a></li>
>
> --
> Michael Horowitz
> Your Computer Consultant
> http://yourcomputerconsultant.com
> 561-394-9079
>
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
>
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
