hey <br />
<br />
thanks for the reply...<br />
<br />
i copied and pasted the <td> tag and placed it into the site and it still didnt work. is there anything else that i need to do, do i still code in the style tag which is located within the header section?<!--content-->i didn't test the code i wrote, so it's probably all wrong
i'll give it another go.<!--content-->thanks<!--content--><div onmouseover="this.style.color='red'">Hello</div><br />
<br />
I found that it worked when using the <div> tag but not <td><br />
To solve this, you can use a <span> tag around the text inside the cell:<br />
<br />
eg.<br />
<br />
<table><tr><td><span onmousover="this.style.color='red'" onmouseout="this.style.color='black'">Text here</span></td></tr></table><!--content-->You can use something like this:<br />
<br />
<table width="200" height="300" cellpadding="4" cellspacing="3" bordercolor="#000" border="2"><br />
<tr><td onmouseover="this.className='red';" onmouseout="this.className='black';">Hello there.</td> <td>Hello again.</td></tr><br />
<tr><td>Hello there once again.</td><td>Man, this is getting annoying...</td></tr><br />
</table><br />
<br />
And the CSS...<br />
<br />
<style type="text/css"><br />
.red {<br />
color:#F00;<br />
}<br />
.black {<br />
color:#000;<br />
}<br />
</style><!--content-->
<br />
thanks for the reply...<br />
<br />
i copied and pasted the <td> tag and placed it into the site and it still didnt work. is there anything else that i need to do, do i still code in the style tag which is located within the header section?<!--content-->i didn't test the code i wrote, so it's probably all wrong
i'll give it another go.<!--content-->thanks<!--content--><div onmouseover="this.style.color='red'">Hello</div><br /><br />
I found that it worked when using the <div> tag but not <td><br />
To solve this, you can use a <span> tag around the text inside the cell:<br />
<br />
eg.<br />
<br />
<table><tr><td><span onmousover="this.style.color='red'" onmouseout="this.style.color='black'">Text here</span></td></tr></table><!--content-->You can use something like this:<br />
<br />
<table width="200" height="300" cellpadding="4" cellspacing="3" bordercolor="#000" border="2"><br />
<tr><td onmouseover="this.className='red';" onmouseout="this.className='black';">Hello there.</td> <td>Hello again.</td></tr><br />
<tr><td>Hello there once again.</td><td>Man, this is getting annoying...</td></tr><br />
</table><br />
<br />
And the CSS...<br />
<br />
<style type="text/css"><br />
.red {<br />
color:#F00;<br />
}<br />
.black {<br />
color:#000;<br />
}<br />
</style><!--content-->