[fisherKing]

using dreamweaver mx...

i made rollover buttons, and they are...sticky.
you mouse over them, and they sometimes stay in the rollover state.

i deleted the button table, and redid it. still happening.


any suggestions? (am not a pro!)

[Obi Wan's Ghost]

Example?

[fisherKing]

Originally Posted by Obi Wan's Ghost

Example?

here

[Obi Wan's Ghost]

Originally Posted by fisherKing

here

A Javascript problem.

Honestly though JS is really out these days. You can do all that in CSS with 80% less code.

[fisherKing]

Originally Posted by Obi Wan's Ghost

A Javascript problem.

Honestly though JS is really out these days. You can do all that in CSS with 80% less code.

so...again, not an expert.
how can i fix this (simply)?..


thanks!

[Obi Wan's Ghost]

Originally Posted by fisherKing

so...again, not an expert.
how can i fix this (simply)?..


thanks!

Google CSS rollovers

Examples

http://www.projectseven.com/tutorial...inks/index.htm

http://wellstyled.com/css-nopreload-rollovers.html

http://www.oreillynet.com/pub/a/java...rollovers.html

This site thats been getting lots of attention http://www.ipodhub.net has an image rollover menu too but positions the rollover image above the menu bar.

[fisherKing]

thanks, will investigate...

[Love Calm Quiet]

Originally Posted by Obi Wan's Ghost

...
This site thats been getting lots of attention http://www.ipodhub.net has an image rollover menu too but positions the rollover image above the menu bar.

That's VERY nifty!

Have you seen any discussion posted on that ipodhub effect... whether that's requiring additional browser-fixes, etc.?

[Synotic]

Originally Posted by Love Calm Quiet

That's VERY nifty!

Have you seen any discussion posted on that ipodhub effect... whether that's requiring additional browser-fixes, etc.?

Essentially you place whatever elements or images you want to display inside the <a> element. Then you hide it by default with display: none. Then you select the inner element, whenever the link is hovered over, like so:

a:hover img { display: block; and whatever code you want }

This way, the inner element will only display when your link is hovered over.

[yugyug]

you can do that in Imageready using remote rollovers, but the code is terrible...... I'm not an expert, is there a way to achieve in CSS with another WYSIWYG editor?

[Obi Wan's Ghost]

Originally Posted by yugyug

you can do that in Imageready using remote rollovers, but the code is terrible...... I'm not an expert, is there a way to achieve in CSS with another WYSIWYG editor?

I am not aware of any WYSIWYG editor that can preview CSS rollover. All previewing must be done in a browsers and you have to test in all browsers for compatibility.

[Obi Wan's Ghost]

Originally Posted by Love Calm Quiet

That's VERY nifty!

Have you seen any discussion posted on that ipodhub effect... whether that's requiring additional browser-fixes, etc.?

I just tested it in all browsers I have

Safari ay ok
Firefox ay ok
Camino ay ok
Opera ay ok
IE 6 Windows ay ok
IE 5.2 Mac broken

Who cares about the last browser lol

[fisherKing]

just as a followup...

i just created a virgin page, and redid the buttons, imported the rest of the text and images over...and am good to go!

will research other options, but this is fixed!


thanks for input.