--------------------- 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>
Thursday, 21 July 2011
css dropdown menu support in all browser's
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment