Create a simple tooltip

<style>
label[title]:hover:after {
content: attr(title);
# display:none;
position:absolute;
border:1px #333;
background-color:#F5F5F5;
border-radius:3px;
padding:10px;
color:#000;
font-size:10px Cambria;

}
</style>

 

<html>

<label style=”font-weight:normal;”class=”selection-confirm” title=”jpg/png”>
<input name=”radiobutton” type=”radio” value=”image” class=”radio” />
Images</label>

</html>

 

More References:

http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/

http://www.menucool.com/tooltip/css-tooltip

http://csswizardry.com/2010/11/improving-css-tooltips/

http://jsfiddle.net/greypants/zgCb7/

http://jsfiddle.net/i_like_robots/qrXyE/

http://tympanus.net/codrops/2012/02/01/how-to-create-animated-tooltips-with-css3/

http://www.alessioatzeni.com/blog/simple-tooltip-with-jquery-only-text/

Advertisements