|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
Why does this css style work only in firefox and not IE :
Code:
.showhide {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;font-size: 12px;color: #EA6D67;cursor: pointer; onMouseOver:text-decoration: underline;}
Everything in the style works apart from the last section: {onMouseOver:text-decoration: underline;} Any ideas? Cheers ![]() |
|
#2
|
||||
|
||||
|
I'm surprised that works on any browser. It's certainly not a syntax or css attribute I'm familiar with.
cheers, gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing. My html and css workshop, demos and tutorials. Ask a better question, get a better answer. |
|
#3
|
|||
|
|||
|
Actually, your right. It doesn't work on either. Don't know what the heck I was thinking about... but you see what I'm trying to do right, any idea on how to do it?
|
|
#4
|
||||
|
||||
|
The css you're looking for is the :hover pseudo-class. Unfortunately, IE being the obsolete, buggy browser that it is, only understands this when applied to the a(nchor) element.
Code:
a:hover {
text-decoration: underline;
}
.showhide a:hover {
font-weight: bold;
}
cheers, gary |
|
#5
|
|||
|
|||
|
Cheers! Thanks for your help
![]() |
|
#6
|
||||
|
||||
|
Quote:
just fyi: onMouseOver is an attribute to call javascript functions, and can not be used inside a style sheet. common use would be <a href="http://blah" onMouseOver="alert('blah!')">blah</a> |
|
#7
|
|||
|
|||
|
Right, of course... thanks for that.
|
![]() |
| Viewing: Dev Shed Forums > Web Design > CSS Help > Why is this not working? |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|