Effects on different objects from a mouseover [mouseover] [headache]

Q: I try different effects are applied to different objects when the user moves the mouse pointer over something. Like for instance, say I want the box to the user with the mouse pointer over to turn blue and another red box on the screen. Im not quite sure how to implement it, Im just learning CSS so it might be something relatively simple, but it gives me a . Anyone have any ideas? Thank you.


Real Headache Help – Banish Headaches and Migraines for Good!
Re:Originally posted by: guy
Thanks… I'll have to try those.

I'm becoming less and less of a fan of IE the more I do with HTML, CSS, etc… I keep on reading "so and so doesn't work with IE… this and that are ignored by IE…" Maybe because it's (IE6 at least) older than FireFox, but IE seems to have relatively poor support for some commands.

Welcome to the world of client-side web development. You are right that IE doesn't support a lot things that they are suppose to :)


Eft for Headaches – Release HeadAche Pain with Eft
Re:Thanks… I'll have to try those.

I'm becoming less and less of a fan of IE the more I do with HTML, CSS, etc… I keep on reading "so and so doesn't work with IE… this and that are ignored by IE…" Maybe because it's (IE6 at least) older than FireFox, but IE seems to have relatively poor support for some commands.


Chronic Tension Headaches Program.
Re:div#box:hover {
background-color: blue;
}

div#box:hover div#anotherbox {
background-color: red;
}

Try the above in your CSS.. I suspect it might not work if div#anotherbox is not a descendant of div#box.. but try it nonetheless :)

and oh.. IE6 doesn't support :hover for any element other than <a>.

edit: nope.. the above example doesn't work. look at the attached code.. that's the best I could come up with without using JavaScript. The only limitation is that "anotherbox" needs to be the next sibling element.. and no, the '+' CSS selector doesn't work in IE either :P

Take a look at this (http://dean.edwards.name/IE7/).. you can include it using conditional comments (http://www.quirksmode.org/css/condcom.html)


30-Second Headache Relief Secret!!!
Re:Of course that won't change it back to the original color onMouseOut.

Stop Your Headache
Re:I have no idea… i know virtually nothing about javascript :P

I'm trying to figure out a way to tag the objects so that it'll work out… but there's always some conflict that will undo something else I want. doh.


The Migraine And Headache Program!
Re:I admit that I know virtually nothing about designing for the web (I just got dragged into a project here at work), but wouldn't that be implemented in javascript?

e.g. getElementById("otherbox");
setattribute(…


Related posts

Leave a comment

0 Comments.

Leave a Reply


click to changeSecurity Code

[ Ctrl + Enter ]