BrightNail
05-01-2003, 07:44 PM
Here are my css positioning..
#0_pricesecdisplay {position:absolute; top:542px; left:10px; visibility: hidden; z-index:1;}
#1_pricesecdisplay {position:absolute; top:542px; left:10px; visibility: hidden; z-index:2;}
#2_pricesecdisplay {position:absolute; top:542px; left:10px; visibility: hidden; z-index:3;}
EXAMPLE OF THE TABLES..
<div id = "0_pricesecdisplay"><table border='0' width='540'><tr><td colspan='2'> INFO TABLE 0 </td></tr></table></div>
<div id = "1_pricesecdisplay"><table border='0' width='540'><tr><td colspan='2'> INFO TABLE 1 </td></tr></table></div>
<div id = "2_pricesecdisplay"><table border='0' width='540'><tr><td colspan='2'> INFO TABLE 2 </td></tr></table></div>
***********
When I try to show/hide them, they show up in the exact order as they are in the code...and not even positioned...what gives?..
***********
Show/Hide code:
function showObject(x) {
current=x;
x.visibility = Vissy
if(holder &&(holder!=current)){hideObject(holder);}holder=x;
}
function hideObject(a) {
a.visibility = Hiddy
}
It works...things show and hide, but they are not positioned>>>>
because the page is created dynamically...here is the order of the code..
css
tables
javascript code
thanks......
#0_pricesecdisplay {position:absolute; top:542px; left:10px; visibility: hidden; z-index:1;}
#1_pricesecdisplay {position:absolute; top:542px; left:10px; visibility: hidden; z-index:2;}
#2_pricesecdisplay {position:absolute; top:542px; left:10px; visibility: hidden; z-index:3;}
EXAMPLE OF THE TABLES..
<div id = "0_pricesecdisplay"><table border='0' width='540'><tr><td colspan='2'> INFO TABLE 0 </td></tr></table></div>
<div id = "1_pricesecdisplay"><table border='0' width='540'><tr><td colspan='2'> INFO TABLE 1 </td></tr></table></div>
<div id = "2_pricesecdisplay"><table border='0' width='540'><tr><td colspan='2'> INFO TABLE 2 </td></tr></table></div>
***********
When I try to show/hide them, they show up in the exact order as they are in the code...and not even positioned...what gives?..
***********
Show/Hide code:
function showObject(x) {
current=x;
x.visibility = Vissy
if(holder &&(holder!=current)){hideObject(holder);}holder=x;
}
function hideObject(a) {
a.visibility = Hiddy
}
It works...things show and hide, but they are not positioned>>>>
because the page is created dynamically...here is the order of the code..
css
tables
javascript code
thanks......