A
Amy
<style>
div.helpBtn{ font:bold 73% verdana; color:#995F8D; text-align:left;
width:79px; height:24px; margin:0px; padding: 5px 0px 0px 27px;
background: url(/jsp/images/pms/housekeeping/helpBtn_off.gif)
no-repeat; }
div.helpBtnOn{ font:bold 73% verdana; color:#BB59DE; text-align:left;
width:79px; height:24px; margin:0px; padding: 5px 0px 0px 27px;
background: url(/jsp/images/pms/housekeeping/helpBtn_on.gif)
no-repeat; cursorointer; }
</style>
<div class="helpBtn" onmouseOver="this.className='helpBtnOn'"
onmouseOut="this.className='helpBtn'" onClick="popWin()">HELP</div>
This is the code I have for an image and text. They appear as such that
the HELP word is on top on the image. Notice the image is set as
background in the div.
On mouseover, the image changes as well as the text color. On mouseout,
return to original image and text color. The problem is, this does not
always work well. Sometimes the image 'disappear' when mouseover,
leaving only text.
I wonder, if there is a better way of doing this?
Appreciate any thoughts.
div.helpBtn{ font:bold 73% verdana; color:#995F8D; text-align:left;
width:79px; height:24px; margin:0px; padding: 5px 0px 0px 27px;
background: url(/jsp/images/pms/housekeeping/helpBtn_off.gif)
no-repeat; }
div.helpBtnOn{ font:bold 73% verdana; color:#BB59DE; text-align:left;
width:79px; height:24px; margin:0px; padding: 5px 0px 0px 27px;
background: url(/jsp/images/pms/housekeeping/helpBtn_on.gif)
no-repeat; cursorointer; }
</style>
<div class="helpBtn" onmouseOver="this.className='helpBtnOn'"
onmouseOut="this.className='helpBtn'" onClick="popWin()">HELP</div>
This is the code I have for an image and text. They appear as such that
the HELP word is on top on the image. Notice the image is set as
background in the div.
On mouseover, the image changes as well as the text color. On mouseout,
return to original image and text color. The problem is, this does not
always work well. Sometimes the image 'disappear' when mouseover,
leaving only text.
I wonder, if there is a better way of doing this?
Appreciate any thoughts.