HTML Forum

**Harvey** · 11-03-2005, 09:57 AM

I've got a picture above some text, in a table:

HTML Code:

<table width="100%"  border="0" cellspacing="15" dwcopytype="CopyTableCell">
          <tr>
            <td><div align="center"><a href="http://www.1freehost.net/health" target="_blank"><img src="images/pt_health.gif" width="227" height="141" border="0" class="portfolio"></a></div></td>
          </tr>
          <tr>
            <td><div align="center"><a href="http://www.1freehost.net/health" target="_blank">Henfield-surgery.co.uk</a> (Inlcudes logo) </div></td>
          </tr>
        </table>

Does anybody know how I can have it so when somebody mouses over the picture, the text is changed to the text goes to a:hover?

Thanks

**funkdaddu** · 11-03-2005, 10:40 AM

Like this? I didn't know what you wanted to do with the links:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
oldText = "";
function swap(newText) {
	oldText = document.getElementById("theTxt").innerHTML;
	document.getElementById("theTxt").innerHTML = newText;
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<table width="100%" border="0" cellspacing="15" dwcopytype="CopyTableCell" >
			<tr>
				<td>
					<div align="center">
						<a href="http://www.1freehost.net/health" target="_blank" onmouseover="swap('Your New Text');" onmouseout="swap(oldText);"><img class="portfolio" src="images/pt_health.gif" height="141" width="227" border="0"></a>
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<div align="center">
						<a href="http://www.1freehost.net/health" target="_blank" id="theTxt">Henfield-surgery.co.uk (Inlcudes logo)</a>
					</div>
				</td>
			</tr>
		</table>
	</body>

</html>

**Harvey** · 11-03-2005, 02:59 PM

Almost, but instead of changing text, it needs to just change the text's style to a:hover.

Thanks

**funkdaddu** · 11-03-2005, 11:15 PM

You mean like it's being hovered over? Why not combine the image and text into 1 href?

Code:

<a href="http://www.1freehost.net/health" target="_blank"><img class="portfolio" src="images/pt_health.gif" height="141" width="227" border="0"><br>Henfield-surgery.co.uk (Inlcudes logo)</a>

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!