ok.. been bangin by brains the past few days with this one and decided
to seek you'z help. so here ya go. based on the code below and this
concept.. how should i proceed?
I have a table of 4 equal squares in which i've placed 4 equal sized
pictures. now i'd like to create a link on the 4 pictures and have
them change pictures when the mouse is over them. (rollover)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- Generated by -->
<html lang="en">
<head>
<titlePreview ; Page 1 of 1 </title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css;">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="preview_g.js" type="text/javascript"
language="JavaScript1.2"></script> <!--// Document Script //-->
<style type="text/css"><!--
.f01 {font: 16px 'arial', helvetica, sans-serif;color:#000000; } -->
</style>
</head>
<body bgcolor="#000000" text="#000000" link="#0000ff" vlink="#800080"
alink="#ff0000" leftmargin="0" topmargin="0" onresize="OnWeResize()">
<div class="f01"
style="position:absolute;left:171;top:105;width:26 9;height:267;">
<table bordercolor="#000000" cellspacing="0" cellpadding="0"
bgcolor="#000000" border="0">
<tbody>
<tr>
<td valign="center" nowrap align="left"><font face="Arial"
color="#000000" size="2"><img src="l1.png" target="_self"></font></td>
<td valign="center" nowrap align="left"><font face="Arial"
color="#000000" size="2"><img height="133" src="c1.png" target="_self"
width="133" border="0"></font></td></tr>
<tr>
<td valign="center" nowrap align="left"><font face="Arial"
color="#000000" size="2"><img height="133" src="d1.png" target="_self"
width="133" border="0"></font></td>
<td valign="center" nowrap align="left"><font face="Arial"
color="#000000" size="2"><img height="133" src="s1.png" target="_self"
width="133" border="0"></font></td></tr></tbody>
</table>
</div>
<div style="position:absolute;left:216;top:382;width:17 9;height:53;">
<img src="preview001001.jpg" title="" alt="preview001001.jpg"
align="top" border="0" vspace="0" hspace="0">
</div>
</div>
</body>
</html>