B
Beemer Biker
I am getting different behavior with the same style depending on where I
define the style.
The works fine and when I move the mouse the tooltip tracks the mouse when
it rolls over the fields in my data grid:
....
<style type="text/css">
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last
within this CSS*/
filter: progidXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
</style>
</head>
If I take the above code out of the aspx page and put it into my
stylesheet1.css the tool tip shows up but no longer tracks the mouse. It
does appears and disappear as the mouse moves over the grid cell but is
no-where near the mouse. The only difference is that the "#" became a "."
and the link to the stylesheet
..dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last
within this CSS*/
filter: progidXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
====at top of my page:
<head runat="server">
<LINK REL="stylesheet" TYPE="text/css" HREF="StyleSheet1.css"></LINK>
define the style.
The works fine and when I move the mouse the tooltip tracks the mouse when
it rolls over the fields in my data grid:
....
<style type="text/css">
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last
within this CSS*/
filter: progidXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
</style>
</head>
If I take the above code out of the aspx page and put it into my
stylesheet1.css the tool tip shows up but no longer tracks the mouse. It
does appears and disappear as the mouse moves over the grid cell but is
no-where near the mouse. The only difference is that the "#" became a "."
and the link to the stylesheet
..dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last
within this CSS*/
filter: progidXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
====at top of my page:
<head runat="server">
<LINK REL="stylesheet" TYPE="text/css" HREF="StyleSheet1.css"></LINK>