Help with document.all[ElemName].style.display = 'Inline';

[maho]

Hi,

I really appreciate your help on this because I have absolutely No
Idea

Let me first explain the background of this.
Normally, <table></table> includes Carriage Return. So if you have
two tables like
<table><Tr><td>Table 1</td></tr></table>
<table><Tr><td>Table 2</td></tr></table>

then output is:
-------
|Table 1|
-------
|Table 2|
-------

However if you include style="display:inline" to the table like this:
<table border="1" style='display:inline;'>
<tr>
<td>Elem_1</td>
</tr>
</table>
<table border="1" style='display:inline;'>
<tr>
<td>Elem_2</td>
</tr>
</table>
<table border="1" style='display:inline;'>
<td>Elem_3</td>
</table>

Result is
-------------------------
Elem1 | Elem_2 | Eleme_3 |
-------------------------

Basically it removes the line between tables.
I've searched through the Google and found that
style='Display:inline-table' or style='Display:table' works. I've
tried it and it seems to work OK, BUT when I do
document.all[TableName].style.display = 'Inline-table'; or 'table',
JavaScript gives me the error saying that invalid argument for display
property. It does work with document.all[TableName].style.display =
'Inline', but i will then lose the line between table, which I need.


anyone please indicate me to the right direction?? What am I doing
wrong?


Your help would be very much appreciated!!


maho