How to show link title in other local languages like punjabi, hindi

Some sites which use local languages can't use title attributes of anchor tag  in some text as it starts showing BOXES in place of text.



So here is the solution

Use BELOW CSS code



<style type="text/css">
a.tooltip span {display:none; padding:1px 1px; margin-left:60px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #000000; font-size:12px; background:#FFFFE1; color:#000000; box-shadow: 2px 2px 1px #888888;}
</style>


And use below code Where we want to show tooltip



<a href="#" class="tooltip"; > Hover Here <span> Tool tip Msg HRERE </span> </a>



I hope this would be the best solution :)

Also published on BloggerPlugnPlay.blogspot.com

Read More