Howto Configure Code For Overlapping Link Boxes
For each part of the code (on the left side of this page) that says "<BODY> Code Here", you would replace that with the below code which is a complete overlapping link for the <BODY> section. Just reconfigure it to your material.
<!---------- Start Code And Reconfigurations For <BODY> Section For Each Box ---------->
<p><b><a href="search.htm" onClick="return overlay(this, 'subcontent2')">
Another example</a></b><br /></p>
<!--Sub content to overlay link when clicked on.
Do not remove outermost <div id="subcontent2"> tag below. -->
<DIV id="subcontent2" style="position:absolute; display:none">
<div style="border: 9px solid black; background-color: lightyellow; width: 400px; height: 400px;
padding: 8px">
Add Your Content Here
<div align="right"> <a href="#" onClick="overlayclose('subcontent2'); return false">Close</a></div>
</div>
</DIV>
<!---------- End Code For <BODY> Section For Each Box ---------->
For each new overlapping link you want, add the below section of table code
<!-- Start New Table Code For Additional Link -->
<td valign="top" align="left">
<BODY>Code Goes Here
</td>
<!-- End New Table Code For Additional Button -->
And be sure to add the above bit of table code before the below closing table tags.
</td>
</tr>
</table>
| 