Changing text-decoration of link from a mouseover of an image

liunx

Guest
Hello,<br />
<br />
Can you someone please give me an example of how you can change the text-decoration of an href when you mouseover a separate image?<br />
<br />
Ex: When you mouseover img "a", the text in link "b" gets a text-decoration of "underline"<br />
<br />
thx<!--content-->Could you nest it?<br />
<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img blah blah blah><span>link text</span></a><br />
Then absolutely position one of them if they need to be further apart.<br />
<br />
Please note I haven't tested it so I've no idea if it works<!--content-->Try something like this:<br />
<br />
<br />
<style><br />
a.test {<br />
text-decoration:underline;<br />
}<br />
</style><br />
...<br />
<br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"YourImg.jpg" onmouseover="document.getElementById('tLink').className='test'" /><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/# id="tLink">Test</a><!--content-->
 
Back
Top