469,950 Members | 2,171 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,950 developers. It's quick & easy.

Style Not being applied in HTML event

I have the following definition for a Table cell:

<TD class="clsMenuItem"
onmouseover="this.classname='clsMenuOver'"
onmouseout="this.classname='clsMenuItem'">WHATEVER </TD>
The class(Style) is being applied when I run the page but
the mouseover event is not being triggered because the
style is not being applied. Am I doing something wrong
here. I want the Table Cell to change color as I move my
mouse over it.

Thanks...
Nov 18 '05 #1
1 994
Hi Angel,

make sure that any below tags are specified in head section

<STYLE TYPE="text/css">
P {font-size: 24pt;}
.redText {color: red;}
.blueText {color: blue;}
.italicText {font-style: italic;}
</STYLE>
<LINK href="../styles/Styles.css" type="text/css"
rel="stylesheet">

And also try changing this statement
this.classname='clsMenuOver' to
this.className='clsMenuOver' because javascript may be
case sensitive.

Best Of Luck
Raja Balaji R
-----Original Message-----
I have the following definition for a Table cell:

<TD class="clsMenuItem"
onmouseover="this.classname='clsMenuOver'"
onmouseout="this.classname='clsMenuItem'">WHATEVE R</TD>
The class(Style) is being applied when I run the page but
the mouseover event is not being triggered because the
style is not being applied. Am I doing something wrong
here. I want the Table Cell to change color as I move my
mouse over it.

Thanks...
.

Nov 18 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

7 posts views Thread by philjhanna | last post: by
9 posts views Thread by Chandy | last post: by
1 post views Thread by blue | last post: by
5 posts views Thread by Nathan Sokalski | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.