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
Post a Comment