Previous Message
Next Message

rollovers in safari

Sent by Rob Mientjes on 27 March 2006 15:03

On 27/03/06, [EMAIL-REMOVED] [EMAIL-REMOVED]> wrote:
> 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


#home_button a {
background: url(images/home_button.jpg) no-repeat;
width: 50px;
height: 25px;
position: relative;
float: right;
clear: right;
text-indent: -999em; /* Note this and the following line in particular! */
text-decoration: none;


<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.

css-discuss [EMAIL-REMOVED]]
IE7b2 testing hub --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: