Daily Archives: February 21, 2015


Save this file as index.html and open on browser <html> <head><title> flexible search box</title> <style> #navigation { margin: 0; padding: 0; z-index: 30 } #navigation li { margin: 0; padding: 0; list-style: none; float: left; font-family:Arial, Helvetica, sans-serif; font-size:14px; } #navigation li a { display:inherit; margin: 0 1px 0 0; […]

flexible search box when focus





<img usemap=”#map” src=”wp-content/uploads/2015/02/all.png”  border=”0″ alt=”social icons” title=”social icons” /> <map id=”map” name=”map”> <area shape=”rect” alt=”” title=”facebook” coords=”22,22,115,115″ href=”https://www.facebook.com” target=”_blank” /> <area shape=”rect” alt=”” title=”twitter” coords=”150,22,240,110″ href=”https://www.twitter.com” target=”_blank” /> <area shape=”rect” alt=”” title=”linkedin” coords=”18,140,122,241″ href=”https://www.linkedin.com” target=”_blank” /> <area shape=”rect” alt=”” title=”gplus” coords=”243,141,139,241″ href=”https://www.plus.google.com” target=”_blank” /> </map>

Image mapping : multiple links on single image