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

node.js - How to mock a third-party api calls in the backend -

java - Could not locate OpenAL library -

Non Unique Username with ASP.Net Identity 2.0 -