html - Make <a> tag clickable for bigger area -


i have menu, want tag clickable on bigger area on hover, width , hegiht of menu.

this code have now: http://jsfiddle.net/uwjtc/14/

html

<div id="box">     <ul>         <li><a href="#">basic good</a></li>         <li><a href="#">this longer one</a></li>         <li><a href="#">shorter</a></li>     </ul> </div> 

css

#box ul {      width: 230px;     height: 160px;     float: right;     margin: 0px 0 15px 900px;     background:#999;     list-style: none; }  #box ul li {     background: red;     border: 1px solid #222; }  #box ul li:hover {     background: yellow; }  #box ul li {     padding: 10px; } 

i hope know mean. if don't please ask.

like so? http://jsfiddle.net/allendar/uwjtc/16/

#box ul li {     padding: 10px;     display: block;     width: 100%; } 

Comments

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -