html - How to make Anchor tag show the title without making it clickable -
so i've created little thing using anchor tag when users hover on "?" can see little box instructions on it. works when users click on "?" link go top of page. wondering if there way disable event happening…
html:
<a class="questions" href="#" title="instructions here">?</a>
css:
.questions:link{ color:#fff; background-color:#feb22a; width:12px; height:12px; display:inline-block; border-radius:100%; font-size:10px; text-align:center; text-decoration:none; -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25); box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25); }
i've tried use things disables instructions coming up.
this:
.not-active { pointer-events: none; cursor: default; }
the title attribute global attribute can use on other elements, span example, won't cause jump:
<span class="questions" href="#" title="instructions here">?</span>
Comments
Post a Comment