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:
> 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-REMOVED]]
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/
Previous Message
Next Message

Message thread: