I used regular links and extended the hover to use background:display and background-color:#FFFFCC. The background changes to a pale yellow as you rollover, but not in Safari. Nothing happens. Why would that be?
“background:display” isn’t valid so you should remove that, that’s not
the cause of the problem though. Remove “display:block” from the hover
pseudo class and apply it to the link one. I think Safari is
complaining because one state of the link can’t be block while the
others are default (inline). Applying block to the link pseudo class
will cause it to be inherited by the others.
I hope this helps.
Joe
On 21 Apr 2009, at 20:16, Robin Stark wrote:
[I posted this an hour ago and it didn’t show up. I apologize if
anyone sees this twice.]
It’s hard to believe, but my menu rollovers work in IE8, Firefox, et
al on the Windows, and in Firefox on the Mac, but not in Safari.
I used regular links and extended the hover to use
background:display and background-color:#FFFFCC. The background
changes to a pale yellow as you rollover, but not in Safari. Nothing
happens. Why would that be?
Glad you got it working. A pseudo class makes a CSS selector more
specific. They are thinks like link, active, visited, hover, first-
child and last-child, they all follow a selector (tag name, class
name, id) and have a colon prefix. You’re also using them right now
when you are applying the styling to the links (a:link, a:hover etc)
Cheers,
Joe
On 23 Apr 2009, at 17:23, Robin Stark wrote:
Good lord, I don’t even know where I got “background:display.”
That’s not
even what I used, but I typed it in this email. Must be a case of
looking at
something for so long that your eyeballs roll back in your head and
you type
gibberish.
You are right, Joe, Safari didn’t like one state being block. I added
display:block to all of them and now it works fine. I don’t think
that’s
what you said to do, specifically, but it worked, and to do what you
said, I
would first have to go and look up pseudo class. Sad, I know.
Robin Stark
On Wed, Apr 22, 2009 at 5:45 AM, Joe Billings email@hidden
wrote:
Hi Robin,
“background:display” isn’t valid so you should remove that, that’s
not the
cause of the problem though. Remove “display:block” from the hover
pseudo
class and apply it to the link one. I think Safari is complaining
because
one state of the link can’t be block while the others are default
(inline).
Applying block to the link pseudo class will cause it to be
inherited by the
others.
I hope this helps.
Joe
On 21 Apr 2009, at 20:16, Robin Stark wrote:
[I posted this an hour ago and it didn’t show up. I apologize if
anyone
sees this twice.]
It’s hard to believe, but my menu rollovers work in IE8, Firefox,
et al on
the Windows, and in Firefox on the Mac, but not in Safari.
I used regular links and extended the hover to use
background:display and
background-color:#FFFFCC. The background changes to a pale yellow
as you
rollover, but not in Safari. Nothing happens. Why would that be?