471,582 Members | 1,562 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,582 software developers and data experts.

Using css for rotating content

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

Sep 4 '07 #1
5 2927
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
Sep 4 '07 #2
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".
Sep 4 '07 #3
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
Sep 4 '07 #4
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
Sep 4 '07 #5
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.
Sep 4 '07 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Sandy Bremmer | last post: by
31 posts views Thread by Royal Denning | last post: by
4 posts views Thread by Roozbeh GHolizadeh | last post: by
2 posts views Thread by mistral | last post: by
4 posts views Thread by Chris Shenton | last post: by
13 posts views Thread by =?Utf-8?B?Um9nZXIgTWFydGlu?= | last post: by
reply views Thread by Vinnie | last post: by
reply views Thread by lumer26 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.