I am having a problem trying to describe my problem. The current layout of my webpage is as follows:

Accessed By: Branch, Cindy
Show Hide Print Detail Report

Accessed By: Britton, Sandra
Show Hide Print Detail Report

Accessed By: Gowan, Linda
Show Hide Print Detail Report

When I click on "Show" for Branch, Cindy the detail, which is created by a loop in my ASP code is displayed but covers up the following lines where I want the table to display but the rest of the lines to be pushed down.

I am not familiar enough with JAVASCRIPT to know how to do this and any help would be appreciated. Thank you.

Here is my current javascript code:

<style type="text/css">
.tablehider
    {
     visibility: hidden;
     position: absolute
    }
</style>
<script type="text/javascript" language="JavaScript1.2">
<!--
function show(obj){
    if(typeof obj == "string")
        obj = document.getElementById(obj);
    obj.style.visibility = "visible";
}

function hide(obj){
    if(typeof obj == "string")
        obj = document.getElementById(obj);
    obj.style.visibility = "hidden";
}
//--></script>

In my ASP code this is where I am using the JS above:

This first part displays the SURROGATE NAME:

strWebLogActivityTable2 = strWebLogActivityTable2 & "<td align='left' valign='bottom'><b>Accessed By: &nbsp;&nbsp;" & trim(strsurrogateuser) & "<br><a href=""javascript:void(0)"" onclick=""show('"+strsurrogateuser+"')"">Show</a>&nbsp;&nbsp;&nbsp;<a href=""javascript:void(0)"" onclick=""hide('"+strsurrogateuser+"')"">Hide</a></b></td>" & vbcrlf

THIS SECOND PART starts the table of my detail:

strWebLogActivityTable = "<TABLE width='650' border='1' cellpadding='0' cellspacing='0' id='"+strsurrogateuser+"' class='tablehider' bgcolor='white'>" & vbcrlf

It's because of the position:absolute.

Change the CSS to:

.tablehider{
   display:;none
}

And the JavaScript to:

obj.style.display = "none";

or

obj.style.display = "block";


/Robert

Robert,

That was the ticket.
Thanks so much for your time and help on this!!