|
Q1304 How can I place an absolute layer in a table cell?
irt.org | Knowledge Base | JavaScript | DHTML | Q1304 [ previous next ]
Q1304 How can I place an absolute layer in a table cell?
Try:
<html>
<head>
<style type="text/css"><!--
.relative { position:relative;}
.absolute { position:absolute; }
//--></style>
<script language="JavaScript"><!--
function showByShadow(object,shadow) {
if (document.layers && document.layers[object]) {
document.layers[object].left = document.layers[shadow].pageX;
document.layers[object].top = document.layers[shadow].pageY;
}
else if (document.all) {
document.all[object].style.posLeft = document.all[object].offsetLeft;
document.all[object].style.posTop = document.all[object].offsetTop;
}
}
//--></script>
</head>
<body bgcolor="#ffffff" onLoad="showByShadow('myLayer','myShadow')">
<table width="100%" border="1"><tr><td width="50%"> </td><td width="50%">
<p>
<span id="myLayer" class="absolute">
<p class="red">Some text within a layer</p>
</span>
<span id="myShadow" class="relative">
</span>
</p>
</td></tr></table>
</body>
</html>
|
|
|
Copyright © 1996-2008 irt.org, All Rights Reserved.