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

Popular posts from this blog

java - Could not locate OpenAL library -

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

sorting - opencl Bitonic sort with 64 bits keys -