Diễn đàn lập trình
Việc tạo menu ngang là một việc không hề đơn giản mà không phải ai cũng có thể hoàn thành tốt được. Bởi việc tạo một menu cơ bản với CSS cần vận dụng rất nhiều kiến thức. Với những người chuyên nghiệp, đã hiểu rõ việc tạo menu thì…
HTML <ul id=”green_and_orange_step_menu”> <li class=”frist “>Step 1</li> <li>Step 2<span></span></li> <li>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul> <div style=”clear:both;”></div> <ul id=”green_and_orange_step_menu”> <li class=”frist fdone”>Step 1</li> <li class=”inprogress”>Step 2<span></span></li> <li>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul> <div style=”clear:both;”></div> <ul id=”green_and_orange_step_menu”> <li class=”frist fdone”>Step 1</li> <li class=”done”>Step 2<span></span></li> <li class=”inprogress”>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul>…
HTML <div class=”onlycssmenu clearfix”> <ul class=”clearfix”> <li class=”first”><a href=”#” class=”active” title=”Only css menu”><span>Only css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Only Css Menu”><span>Web 2.0 Menu</span></a></li> <li class=”nopipe”><a href=”#” title=”Css Menu”><span>Web 2.0 Menu</span></a></li> </ul> </div> CSS <style> .clearfix:after { content: “.”; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }…
HTML <div class=”lefnav”> <a href=”#” class=”active” title=”Only For Css Menu”>Only For Css Menu</a> <a href=”#” title=”Only For Css Menu”>Only For Css Menu 2</a> <a href=”#” title=”Only For Css Menu”>Only For Css Menu 3</a> <a href=”#” title=”Only Css Menu”>Only Css Menu 4</a> <a href=”#” title=” Css based Menu”>Css based Menu</a> <a…
HTML <div id=”tabMenu”> <ul class=”topnev”> <li><a href=”#” class=”active”>CSS MENU</a></li> <li><a href=”#”>CSS MENU 2</a></li> <li><a href=”#”>CSS MENU </a></li> <li><a href=”#”>CSS MENU</a></li> <li><a href=”#”>CSS MENU</a></li> <li><a href=”#”>CSS MENU</a></li> </ul> </div> CSS <style> #tabMenu { background:#000000; margin:10px 0 0 0; padding:5px 0 0 50px; } ul.topnev { margin:0; padding:0; list-style:none; border:#000; } ul.topnev…
HTML <ul id=”HDropdown-orange-classic”> <li><a href=”#” title=”Horizontal Css Menu”>Horizontal Css Menu</a> <ul> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> </ul> </li> <li><a href=”#” title=”Css Menu”>Css Menu</a> <ul> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> </ul> </li> <li><a href=”#” title=”Only Css Menu”>Only Css Menu</a> <ul>…
HTML <div class=”onlycssmenu clearfix”> <ul class=”clearfix”> <li class=”first”><a href=”#” class=”active” title=”Only css menu”><span>Only css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Only Css Menu”><span>Web 2.0 Menu</span></a></li> <li class=”nopipe”><a href=”#” title=”Css Menu”><span>Web 2.0 Menu</span></a></li> </ul> </div> CSS <style> .clearfix:after { content: “.”; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }…