html - Why not hand when hovering link(<a>)? -
hi,
i know possible set cusor hand when hovering object this:
css : cursor: hand; cursor: pointer;
this should done automaticly link element looks :
<a onclick="" class="btn1"> <span>sök</span> </a>
but in case not?
with firebug can see followin css applyed
<a> element a.btn1 { background: url("images/menus/bg_button_a.gif") no-repeat scroll right top transparent; color: #444444; display: block; float: left; font: 12px arial,sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; } * { margin: 0; padding: 0; } body { font-family: arial,verdana,serif; font-size: 0.81em; }
and
span element a.btn1 span { background: url("images/menus/bg_button_span.gif") no-repeat scroll 0 0 transparent; display: block; line-height: 14px; padding: 5px 0 5px 18px; } controls.css (rad 80) * { margin: 0; } a.btn1 { color: #444444; font: 12px arial,sans-serif; text-decoration: none; } body { font-family: arial,verdana,serif; font-size: 0.81em; }
how can track down problem?
bestregards
the hand appears if anchor has href
attribute set.
live demo: http://jsfiddle.net/kaebr/
Comments
Post a Comment