I also had this problem recently and I also had no luck at finding some code
that I could "rip". So I created my own (example):
<style>
#header_nav li {
float: left;
list-style-type: none;
}
#header_nav li a {
display: block;
width: 16px;
height: 26px;
}
#header_nav li span {
display: none;
}
#header_nav #personalise a {
background: url(http://www.google.com.au/nav_current.gif) no-repeat;
}
#header_nav #products a, #header_nav #help a {
background: url(http://www.google.com.au/nav_page.gif) no-repeat;
}
</style>
<ul id="header_nav">
<li id="personalise"><a href="/change/" title="Personalise your
Homepage"><span>Personalise</span></a></li>
<li id="products"><a href="/pricing/" title="Infomation on
services"><span>Products</span></a></li>
<li id="help"><a href="/help/" title="DIY
support"><span>Help</span></a></li>
</ul>
R Walker
----- Original Message -----
From: "Vaska.WSG" <[EMAIL PROTECTED]>
To: <wsg@webstandardsgroup.org>
Sent: Thursday, February 10, 2005 12:32 AM
Subject: [WSG] Inline list with images, no text
| Aside from an example over at Shaun Inmans great site, has anybody come
| up with a reasonable method for creating an inline list that hides the
| text (via text-indent) and uses image swapping on hover via css?
|
| Inman's is great, but after experimenting with what he has done it
| doesn't hold up well enough for my purposes.
|
| I've searched my collection of over 11,000 posts to this newslist and
| also the web and I can't come up with anything...???
|
| Thanks for any ideas...
|
| ******************************************************
| The discussion list for http://webstandardsgroup.org/
|
| See http://webstandardsgroup.org/mail/guidelines.cfm
| for some hints on posting to the list & getting help
| ******************************************************
|
|
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
