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]

On Tue, 04 Sep 2007 17:03:11 +0200, Terry <te**********@rogers.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]

On 2007-09-04, Rik Wasmus <lu************@hotmail.comwrote:

On Tue, 04 Sep 2007 17:03:11 +0200, Terry <te**********@rogers.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]

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

On 2007-09-04, Rik Wasmus <lu************@hotmail.comwrote:

>On Tue, 04 Sep 2007 17:03:11 +0200, Terry <te**********@rogers.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]

Ben C wrote:

>On Tue, 04 Sep 2007 17:03:11 +0200, Terry <te**********@rogers.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]

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

Ben C wrote:

>>On Tue, 04 Sep 2007 17:03:11 +0200, Terry <te**********@rogers.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.