html - hover on span is not working -


i new css, have written code display text on hover. not working

html:

<div id="onhover"> 5 <span>     <ul>         <li>ankur</li>         <li>dhanuka</li>     </ul> </span> </div> 

css:

#onhover span:hover {  bottom:130px;  left:105px;  padding:8px 8px 10px 8px;  display:block;  border:1px dashed #09f;  background-color:#fff;  min-width:170px;  position:relative;  z-index:101; } #onhover span:hover ul { font-weight:normal; list-style:none; margin:10px 0 0 0; padding:0; position:relative; } span { display:none; } 

you can see fiddle http://jsfiddle.net/ankurdhanuka/ccfxu/

please help

thanks in advance

nice try, friend. give :hover #onhover 5 enclosed within #onhover.
use position if required.
check this. http://jsfiddle.net/ccfxu/3/


Comments

Popular posts from this blog

c++ - CryptStringToBinary API behavior -

java.util.scanner - How to read and add only numbers to array from a text file -

iphone - Three second countdown in cocos2d -