Previous Message
Next Message

rollovers in safari

Sent by James MacLeod on 27 March 2006 15:03


Have you tried specifying the background-position on the a state?

and rather than having the link in a div why not just apply the id to  
the link. You are making the link a block element anyway.

so it becomes:

a#home_button { ...etc

and

a#home_button:hover { ... etc

and then make the changes in the html.

James MacLeod


On Mar 27, 2006, at 15:40, [EMAIL-REMOVED]> wrote:

have added the content (but no text replacement) but the rollovers  
are still
not working!

Ross
----- Original Message -----
From: "Rob Mientjes" [EMAIL-REMOVED]>
To: [EMAIL-REMOVED]>
Cc: [EMAIL-REMOVED]>
Sent: Monday, March 27, 2006 3:22 PM
Subject: Re: [css-d] rollovers in safari


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

______________________________________________________________________
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/

-----------------------------------------------
Konkrete
Design for New Media

flat 1 / college farm / great barford / beds / MK44 3JJ / uk
T: +44 (0)1234 871 982
M: 0781 114 2703 (uk only)

portfolio: http://www.konkrete.net
------------------------------------------------


______________________________________________________________________
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: