themitch2004
asked on
Change text colour when mouseover an image?
Hi
I have an image that, when the user moves over it, I'd like a peice of text elsewhere on the page to change colour ...
This is my code so far:
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="60"></td>
<td><a href="#" onMouseOver="ImageName1.sr c='images/ Button_1_R OL.jpg'" onMouseOut="ImageName1.src ='images/B utton_1_NO R.jpg'"><i mg src="images/Button_1_NOR.j pg" name=ImageName1 border="0"></a></td>
<td width="5"></td>
<td><a href="#" onMouseOver="ImageName2.sr c='images/ Button_2_R OL.jpg'" onMouseOut="ImageName2.src ='images/B utton_2_NO R.jpg'"><i mg src="images/Button_2_NOR.j pg" name=ImageName2 border="0"></a></td>
<td width="5"></td>
<td><a href="#" onMouseOver="ImageName3.sr c='images/ Button_3_R OL.jpg'" onMouseOut="ImageName3.src ='images/B utton_3_NO R.jpg'"><i mg src="images/Button_3_NOR.j pg" name=ImageName3 border="0"></a></td>
<td width="5"></td>
<td><a href="#" onMouseOver="ImageNamei.sr c='images/ Button_i_R OL.jpg'" onMouseOut="ImageNamei.src ='images/B utton_i_NO R.jpg'"><i mg src="images/Button_i_NOR.j pg" name=ImageNamei border="0"></a></td>
</tr>
</table>
</td>
<td width="25"></td>
<td valign="top" class="index">
hello, thank you for visiting lionfish design, your visit is<br>
important to us. please choose from the following options: <br>
for <font color="#5A717F">web design</font> please press 1, for <font color="#5A717F">print design</font> please<br>
press 2, for <font color="#5A717F">logo design</font> please press 3, for <font color="#5A717F">copywrting </font><br >
please press 4, for <font color="#5A717F">press releases</font> please press 5, for<br>
<font color="#5A717F">website hosting</font> please press 6, for all other services<br>
please press 0. please make selection now.<br>
</td>
</tr>
</table>
</td>
</tr>
So, when the user moves over the first image, I'd like to light the words 'web design' up in orange ... how can I do this?
Thanks
M
I have an image that, when the user moves over it, I'd like a peice of text elsewhere on the page to change colour ...
This is my code so far:
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="60"></td>
<td><a href="#" onMouseOver="ImageName1.sr
<td width="5"></td>
<td><a href="#" onMouseOver="ImageName2.sr
<td width="5"></td>
<td><a href="#" onMouseOver="ImageName3.sr
<td width="5"></td>
<td><a href="#" onMouseOver="ImageNamei.sr
</tr>
</table>
</td>
<td width="25"></td>
<td valign="top" class="index">
hello, thank you for visiting lionfish design, your visit is<br>
important to us. please choose from the following options: <br>
for <font color="#5A717F">web design</font> please press 1, for <font color="#5A717F">print design</font> please<br>
press 2, for <font color="#5A717F">logo design</font> please press 3, for <font color="#5A717F">copywrting
please press 4, for <font color="#5A717F">press releases</font> please press 5, for<br>
<font color="#5A717F">website hosting</font> please press 6, for all other services<br>
please press 0. please make selection now.<br>
</td>
</tr>
</table>
</td>
</tr>
So, when the user moves over the first image, I'd like to light the words 'web design' up in orange ... how can I do this?
Thanks
M
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Mine don't work?
ASKER
Yours did work, but my editor told me that Span doesn't really support the color attribute? But thank you for replying so quickly.
Yes my fault.
It should have been like this
<span id="spn1" style="color:#5A717F">
It should have been like this
<span id="spn1" style="color:#5A717F">
<html>
<head>
</head>
<body>
<table>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="60"></td>
<td><a href="#" onMouseOver="ImageName1.sr
<td width="5"></td>
<td><a href="#" onMouseOver="ImageName2.sr
<td width="5"></td>
<td><a href="#" onMouseOver="ImageName3.sr
<td width="5"></td>
<td><a href="#" onMouseOver="ImageNamei.sr
</tr>
</table>
</td>
<td width="25"></td>
<td valign="top" class="index">
hello, thank you for visiting lionfish design, your visit is<br>
important to us. please choose from the following options: <br>
for <span id="spn1" color="#5A717F">web design</span> please press 1, for <font color="#5A717F">print design</font> please<br>
press 2, for <font color="#5A717F">logo design</font> please press 3, for <font color="#5A717F">copywrting
please press 4, for <font color="#5A717F">press releases</font> please press 5, for<br>
<font color="#5A717F">website hosting</font> please press 6, for all other services<br>
please press 0. please make selection now.<br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
hongjun