Using css for rotating content

[Terry]

Hi folks.

I was wondering if anyone is aware of any pure css methods of
displaying content based on what the user clicks on or mouses over. I
am considering creating a menu for my restaurant project that will
display menus for breakfast, lunch and dinner. I was thinking of
displaying the breakfast menu only if the user clicked on or
mouseovered a breakfast image, and displaying the lunch menu if lunch
image was clicked on or mouse overed. I came across off-left but soon
discovered that it only supported by IE as far back as version 6. I
have to use something that will work with IE5.01.

--
Thanks,
Terry

[Rik Wasmus]

Re: Using css for rotating content

On Tue, 04 Sep 2007 17:03:11 +0200, Terry <terry.murray@r ogers.comwrote:

I was wondering if anyone is aware of any pure css methods of
displaying content based on what the user clicks on or mouses over. I
am considering creating a menu for my restaurant project that will
display menus for breakfast, lunch and dinner. I was thinking of
displaying the breakfast menu only if the user clicked on or
mouseovered a breakfast image, and displaying the lunch menu if lunch
image was clicked on or mouse overed. I came across off-left but soon
discovered that it only supported by IE as far back as version 6. I
have to use something that will work with IE5.01.

No, there isn't a pure css solution for this.
--
Rik Wasmus

[Ben C]

Re: Using css for rotating content

On 2007-09-04, Rik Wasmus <luiheidsgoeroe @hotmail.comwro te:

On Tue, 04 Sep 2007 17:03:11 +0200, Terry <terry.murray@r ogers.comwrote:

>I was wondering if anyone is aware of any pure css methods of
>displaying content based on what the user clicks on or mouses over. I
>am considering creating a menu for my restaurant project that will
>display menus for breakfast, lunch and dinner. I was thinking of
>displaying the breakfast menu only if the user clicked on or
>mouseovered a breakfast image, and displaying the lunch menu if lunch
>image was clicked on or mouse overed. I came across off-left but soon
>discovered that it only supported by IE as far back as version 6. I
>have to use something that will work with IE5.01.

>
No, there isn't a pure css solution for this.

You can do a lot with :hover selectors making different parts of the
page visible or invisible.

But who knows what, if anything, works in IE5.01. I've never heard of
"off-left".

[Rik Wasmus]

Re: Using css for rotating content

On Tue, 04 Sep 2007 18:04:31 +0200, Ben C <spamspam@spam. eggswrote:

On 2007-09-04, Rik Wasmus <luiheidsgoeroe @hotmail.comwro te:

>On Tue, 04 Sep 2007 17:03:11 +0200, Terry <terry.murray@r ogers.com>
>wrote:

>>I was wondering if anyone is aware of any pure css methods of
>>displaying content based on what the user clicks on or mouses over. I
>>am considering creating a menu for my restaurant project that will
>>display menus for breakfast, lunch and dinner. I was thinking of
>>displaying the breakfast menu only if the user clicked on or
>>mouseovered a breakfast image, and displaying the lunch menu if lunch
>>image was clicked on or mouse overed. I came across off-left but soon
>>discovered that it only supported by IE as far back as version 6. I
>>have to use something that will work with IE5.01.

>>
>No, there isn't a pure css solution for this.

>
You can do a lot with :hover selectors making different parts of the
page visible or invisible.

And keep it visible on click?

But who knows what, if anything, works in IE5.01.

It doesn't. Furthermore, IE < 7 only supports :hover on <a>'s.

I've never heard of
"off-left".

Neither have I, but without some scripting in either hta or javascript
there's no way it could work.
--
Rik Wasmus

[Bergamot]

Re: Using css for rotating content

Ben C wrote:

>On Tue, 04 Sep 2007 17:03:11 +0200, Terry <terry.murray@r ogers.comwrote:

>>I came across off-left but soon
>>discovered that it only supported by IE as far back as version 6.

>
I've never heard of "off-left".

It was developed as an image replacement method back in the early days
of FIR. Basically, you absolutely position something left:-99999px so it
isn't seen on screen, but is still read by search engines.

Like most IR methods, it has some serious accessibility issues so I'd
avoid it altogether.

--
Berg

[Ben C]

Re: Using css for rotating content

On 2007-09-04, Bergamot <bergamot@visi. comwrote:

Ben C wrote:

>>On Tue, 04 Sep 2007 17:03:11 +0200, Terry <terry.murray@r ogers.comwrote:
>>>I came across off-left but soon
>>>discovered that it only supported by IE as far back as version 6.

>>
>I've never heard of "off-left".

>
It was developed as an image replacement method back in the early days
of FIR. Basically, you absolutely position something left:-99999px so it
isn't seen on screen, but is still read by search engines.

Ah so that's what it means, I have seen that trick, yes. It's quite
annoying for implementations that use fixed point numbers to represent
positions.

A huge negative text-indent is often used as well.