Hello everybody,
I have a little problem with tooltip.
My tooltip always appears behind my div block.
This is a sample :
I define this style :
<style>
#di-page
{
PADDING-LEFT: 2px;
PADDING-RIGHT: 2px;
TOP: -5px;
LEFT: -5px;
BORDER: #999999 1px solid;
PADDING-BOTTOM: 2px;
WIDTH: 200px;
PADDING-TOP: 2px;
POSITION: relative;
HEIGHT: 200px;
BACKGROUND-COLOR: #f2f2f2
}
#di-page-shade
{
BORDER: #999999 1px solid;
LEFT: 30px;
WIDTH: 200px;
POSITION: relative;
TOP: 30px;
HEIGHT: 200px;
BACKGROUND-COLOR: #333333
}
</style>
My html page contains juste this code :
<body>
<div id="di-page- shade ">
<div id="di-page">
<INPUT id="idbtn" tabIndex="1"
type="text"><br>
</div>
</div>
<div id="tooltip_content2" style="DISPLAY:none">
<div class="tooltip_content">
<h3>HTML Tooltip</h3>Just one sample...
</div>
</div>
<script>
TooltipManager.addHTML("idbtn",
"tooltip_content2");
</script>
</body>
When I fly over the input element, the tooltip appears but behind the
two Div element "di-page-shade" and "di-page".
If I use a window object, it appears fine, but not with tooltip.
Does somebody have this problem ?
If I suppress the position style, it is ok, but the display is not very
beautiful.
I don't find a solution.
_______________________________________________
Javawin mailing list
[email protected]
http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com
