PDA

View Full Version : cursor problem when there is table element inside div tag



sky
02-14-2012, 12:19 PM
Hi,

I understand that
cursor: default -> arrow cursor
cursor: hand -> hand cursor

I have a scenario of following coding:



<div style="height:50px;width:615px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
<table cellspacing="1" cellpadding="1" border="0">
<tr>
<td width="100" align="left" valign="top">this is testing</td>
</tr>
</table>
</div>


Whenever I have a table element within the DIV tag, then it will appear as Cursor hand when mouseover. I need to make it appear as Cursor default (arrow). is this a known issue ? I tested in firefox, IE8

I even tried with, putting "cursor:default" in the DIV style
<div style="height:50px;width:615px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;cursor:default;">

I even tried with, using class
<style>
setCursor{
cursor:default;
}
</style>

<div class="setCursor" style="height:50px;width:615px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">

but failed, as it still showing cursor hand when mouseover.

Please help, as I need table element within DIV tag.

Regards,
Vincent

coothead
02-14-2012, 05:49 PM
Hi there sky,

and a warm welcome to these forums. ;)

I tested your code and the cursor behaved as expected:-

"default" over the div, and "text" over the text.

I would suggest that the probable cause of your problem is somewhere in your stylesheet.

Give us a link to the site or the full code, to enable to examine the problem in depth. ;)

coothead