PDA

View Full Version : :hover doesn't work in IE, what's the safest mouse over method to use?




iostream.h
Apr 26, 2004, 12:47 AM
I sure do hate IE.



stoid
Apr 26, 2004, 12:49 AM
I don't know if this is an option for you, but I think that making Flash based rollovers are becoming just as viable solution as using pure html.

iostream.h
Apr 26, 2004, 12:50 AM
Can I incorporate flash elements as easily as an image or something?

stoid
Apr 26, 2004, 12:52 AM
nearly

instead of just using a <img src="....."> tag, you have to embed it similar to a QuickTime movie I think

stoid
Apr 26, 2004, 12:57 AM
here's some sample Flash code:

<EMBED src="indianajoneshangman.swf" quality=medium bgcolor=#000000 WIDTH="650" HEIGHT="400" NAME="Indiana Jones Hangman" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

see the code in action here (http://stoid.spymac.net/test.html)

robbieduncan
Apr 26, 2004, 04:57 AM
I sure do hate IE.

It does work. But only on <a href></a> tags! In "real" browsers it works on all tags. Depending on what you want to do you might be able to wrap the tags in A tags and get it to work.

Please do not use flash for buttons and the like. It's a really annoying solution and does not work well in some browsers I use (Linux browsers for example can have problems). There is nothing more annoying than being told to download a plugin just to see a menu.

iostream.h
Apr 26, 2004, 08:21 AM
yeah, it would just be for the mouse over effect on some graphical buttons on my portfolio site ( in progress ) (http://isophonic.net/oliver/)

robbieduncan
Apr 26, 2004, 08:58 AM
Viewing with Firefox on Win2000 the rollovers work (as expected) but with a serious delay. You should pre-load the alternate images used for the rollovers using JavaScript to stop this.

I've looked at your code and it could be realy easy to fix :) At some point you are going to want your buttons to link somewhere so they will need to be A href="" tags instead of div tags. Can you not simply change them to be something like <a href="" id="design"> </a>?

Westside guy
Apr 26, 2004, 10:39 AM
There is nothing more annoying than being told to download a plugin just to see a menu.

Well, except for using Java menus. :)

I agree totally - using Flash, Java, or whatnot just for basic site functionality is a good way to lose visitors. You've also got to remember that not everyone has broadband yet! When I was on dialup, I was willing to sit and wait for actual content to load; but I was gone in a few seconds from sites that weren't even navigable without having to first wait for some silly thing or another to finish coming across the modem.

theranch
Apr 26, 2004, 11:02 AM
I sure do hate IE.
I don't see a sample of how you are having trouble with hover in css..?
Or is it css?
Nevermind...
The post wasn't totally clear. After doing some digging around I see
what you are doing.
Why don't you use Dreamweaver or whatever program to preload images and set the rollovers using javascript?
I know that this way will be more compatible than the css version but not as easily updatable.

Jookbox
Apr 26, 2004, 05:54 PM
here's some sample Flash code:

<EMBED src="indianajoneshangman.swf" quality=medium bgcolor=#000000 WIDTH="650" HEIGHT="400" NAME="Indiana Jones Hangman" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

see the code in action here (http://stoid.spymac.net/test.html)

dont forget the <object> tags for netscape/mozilla type browsers.

iostream.h
Apr 26, 2004, 10:59 PM
got it working, just tossed 'em in some <a> tags. thanks again for all the help.

Rower_CPU
Apr 27, 2004, 12:12 AM
...
Why don't you use Dreamweaver or whatever program to preload images and set the rollovers using javascript?
I know that this way will be more compatible than the css version but not as easily updatable.

Except if someone has javascript turned off.

CSS rollover effects are more compatible than javascript-based ones in CSS1 compliant browsers (which is almost every modern browser out there), and almost always result in less code. Besides, in order to get this effect in Dreamweaver, you'd still have to add an <a> tag to attach the action to.