Design By LOKESH: July 2011

Thursday 21 July 2011

Web Banner

css dropdown menu support in all browser's

--------------------- css-------------------------------
<style type="text/css">

  .simple_menus{margin-left:25px;margin-top:2px;position:relative;z-index:105;}
  .simple_menus ul{float:left;list-style-type:none;margin:0;padding:0;position:relative;}
  .simple_menus li{float:left;margin:0;padding:0; position:relative;}
  .simple_menus a{color:#000;display:block;float:left;font:bold 11px/25px tahoma;border:solid 1px silver;padding:0px 59px;}
  .simple_menus li:hover a.property_new, .simple_menus a.property_new:hover{background:#000; color:white;}
  .simple_menus ul ul{left:-9999px;position:absolute;top:-9999px;width:182px;}
  .simple_menus ul *:hover ul{left:0px;top:27px;}
  .simple_menus ul ul a, .simple_menus ul *:hover ul a, .simple_menus ul *:hover ul *:hover ul a{white-space:normal;width:210px;
   background:#fff;color:#000;float:none;font:11px/18px tahoma;margin:0;padding:3px;text-align:left;text-decoration:none;}
  .simple_menus ul ul a:hover,.simple_menus ul ul *:hover ul a:hover{background:#50504c;color:white;}
  
</style>

------------------  HTML  --------------------------
<div class="simple_menus">
<ul>
<li><a href="#" class="property_new">Home<!--[if gt IE 6]><![endif] --></a><!--<![endif]-->
<!--[if lte IE 6]><table>
<tr><td><![endif]-->
<ul>
<li><a href="#">›› Home one</a></li>
<li><a href="#">›› Home two</a></li>
<li><a href="#">›› Home three</a></li>
<li><a href="#">›› Home four</a></li>
<li><a href="#">›› Home five</a></li>
<li><a href="#">›› Home six</a></li>
</ul>
<!--[if lte IE 6]></td></tr>
</table>
</a><![endif]-->
</li>
</ul>
</div>