have added the content (but no text replacement) but the rollovers are still not working!
Ross ----- Original Message ----- From: "Rob Mientjes" <[EMAIL PROTECTED]> To: <[EMAIL PROTECTED]> Cc: <css-d@lists.css-discuss.org> Sent: Monday, March 27, 2006 3:22 PM Subject: Re: [css-d] rollovers in safari > On 27/03/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: >> http://stuartgladstone.com/homepage2.html >> >> why do the rollovers (a:hover) not work in safari or firefox? > > The anchors don't contain any content of sorts. I think you should > just keep the links normal and then do some text replacement. In this > case, the following would work (yes, there are many other methods, I > know): > > CSS > > #home_button a { > background: url(images/home_button.jpg) no-repeat; > width: 50px; > height: 25px; > display:block; > position: relative; > float: right; > clear: right; > text-indent: -999em; /* Note this and the following line in particular! */ > text-decoration: none; > } > > HTML > > <div id="home_button"><a href="pdfs/National > Conference.pdf">Home</a></div> > > > The empty links are bad both in terms of accessibility and usability > and for things like this; an empty element simply doesn't exist, > according to Gecko, WebKit et al. > > HTH > -Rob. > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/