Home
PHP
Tech Tube
MySQL
Linux
CSS&HTML
JavaScript

Dropdown menu

Here's a simple CSS dropdown menu: Demo:
Select category
PHP
Java Script
Shell / Bash scripts
MySQL
The CSS code: 
.dropdown_holder {height:32px; display:inline-block; position:relative; vertical-align: middle;}
.dropdown {background: #ffffff; height:auto; border:1px solid #4286f4; border-radius: 10px; display:inline-block; width:300px; overflow:hidden;}
.dropdown div {height:30px; line-height:30px; cursor:pointer; padding:0 10px; color:#666; z-index:2;}
.dropdown div.option {display:none;}
.dropdown:hover div.option {display:block;}
.dropdown div:hover {background:#81aff9; color:#fff;}
The HTML code: 
<div class="dropdown_holder">
    <div class="dropdown">
	<div class="selected">Select category</div>
	<div class="option">PHP</div>
	<div class="option">Java Script</div>
	<div class="option">Shell / Bash scripts</div>
	<div class="option">MySQL</div>
    </div>
</div>