:hover question

[oracleguy]

Is there some way I can make just regular text change on mouse over using CSS?

I tried this:

blah:hover { text-decoration: underline; }

<span class="blah">My Text</span>

But that didn't work.

I thought you could use :hover on more than just links.

Oh, and the solution has to work in IE.

[Vladdy]

Sorry, in dumb IE hover style works only with <a> element. :mad:

[ReadMe.txt]

a.normal {
the same styles as your p declaration
text-decoration: none;
}

a.normal:hover {
hover styles for normal text
}

[oracleguy]

Originally posted by Vladdy
Sorry, in dumb IE hover style works only with <a> element. :mad:

I had a feeling you were going to say that. :mad: I guess I'll have to figure something else out.

[ReadMe.txt]

ahem, you just use an <a> but dont specify the href....

[bradyj]

ReadMe.txt is right:

Just do it like so:
a.blah:hover { text-decoration: underline; }


That will work just fine.

[oracleguy]

Originally posted by ReadMe.txt
ahem, you just use an <a> but dont specify the href....

Tried that... it doesn't seem to do it.

bradyj, my question was if it were possible without using the <a> tag.

[bradyj]

Ah, sorry about that, I misread the flow of conversation a bit;)

Then Vladdy is correct, your stuck with IE's implementation. If you hear of a way around it, post it up, I'd be interested to see:thumbsup:

[oracleguy]

Originally posted by bradyj
If you hear of a way around it, post it up, I'd be interested to see:thumbsup:

IE7. :)

[Vladdy]

Originally posted by oracleguy
IE7. :)
nah, MS will find a way to screw it up :D :D :D

[Roy Sinclair]

Originally posted by oracleguy
IE7. :)

Which evidently won't be available unless you buy the next version of Windows (the one after XP) since MS has decided that new versions of IE will only come with new versions of OSes.

[ReadMe.txt]

i see what the problem is, try this:


<style>
p {
color: black;
}
a.norm {
text-decoration: none;
color: black;
}
a.norm:hover {
color: red;
pointer: arrow;
}
</style>
<a href="javascript:void(0)">Rollover text</a>


NOTE: it's turned javascript into 2 words so u'll need to make it one word again

another option might be to do something like this:

<span onmouseover="this.color = 'white'" onmouseout="this.color = 'black'>Rollover text</span>

[oracleguy]

Originally posted by Roy Sinclair
Which evidently won't be available unless you buy the next version of Windows (the one after XP) since MS has decided that new versions of IE will only come with new versions of OSes.

That's pretty dumb. Considering most poeple don't realize they need to update their browser, how does making it so you have to pay 300 bucks for IE7 gonna convince people to upgrade. But of course we are talking about M$

ReadMe, I'll give that a try.

[oracleguy]

Yep, that solved it for now. Thanks. The javascript did the trick.