On 10 Feb 2005, at 10:33 am, RMW Web Publishing wrote:
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):
[ snipped code ]
#header_nav li span { display: none; } [.....] <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>
#header_nav li span {display: none;}
You'll penalise users of screenreaders that way, and maybe users of other devices.
Zeldmans top navigation use images, and does what the OP wants. <http://www.zeldman.com/>
he uses absolute positioning and negative text-indent.
HTH
Philippe ---/--- Philippe Wittenbergh now live : <http://emps.l-c-n.com/> code | design | web projects : <http://www.l-c-n.com/> IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************