window.createPopup();

[rannasJem]

I can't seem to use a style sheet from within a popup created with window.createPopup(); I have a table in my popup and I can apply a style to a <td> using <td style="width: '100%';">. However if I try <td class="Header"> and define the style in the header class using a style sheet the style will not be applied. If anyone knows why this is happening it would be greatly appreciated. I'll include more code at the bottom. Thanx

----------------------------------------------------------------
The mouseover and mouseout function change the class name of the table data.
--------------------------------------------------------------

<style>
.IconTable {vertical-align: 'middle'; font-size: 11px; text-align: 'center'; width: 65; height: '100%'; cursor: 'arrow'; border: 1px solid #F5F5DC;}
</style>

<script>
function DisplayCreateMailMenu(thiss){
oPopup.document.body.innerHTML = oToolTip.innerHTML;
oPopup.show(-71, 20, 125, 206, ttip);}
</script>

<span id="ttip">
<img src="Images/downarrow.gif" height="3" width="4">
</span>
<div id="oToolTip" style="display:none;">
<div style="position: absolute; top:0; left:0; width:100%; height:100%; border:1px solid gray; font:normal 10pt tahoma; padding:5px">
<table>
<tr>
<td class="Header" onmouseover="MouseOverMenuItem(this)" onmouseout="MouseOutMenuItem(this)">
Table Data Info
</td>
</tr>
</table>
</div>
</div>

[gil davis]

You probably need to have the style sheet in the popup. It's really a window object, and has it's own DOM. I would not expect it to inherit a style sheet from the opener.

[rannasJem]

I figured that would work also so I included the stylesheet in the popup window with no success and then I tried putting the style tags directly in the popup window which also didn't work. The only thing that works is defining styles within each objects tags. Thanks for the idea.