This is the css.
#top-nav {position: absolute; top: 115px; left: 17px; font-size: 1.333em;}
#top-nav ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
#top-nav li {float: left;}
#top-nav li a, .dropbtn {display:inline-block; color:#fff; text-align:center; padding:2px 10px;margin-bottom:2px; text-decoration: none;}
#top-nav li a:hover, .dropdown:hover .dropbtn {background-color:#2d6ca0;}
#top-nav li.dropdown {display: inline-block;}
#top-nav .dropdown-content {font-size:0.9em; font-weight:normal; min-width:140px;display:none; position:absolute; background-color:#fff; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);}
#top-nav .dropdown-content a {font-weight:normal; color:black; padding:6px 12px; text-decoration:none; display:block; text-align:left;}
#top-nav .dropdown-content a:hover {background-color:#eeeeee;}
#top-nav .dropdown:hover .dropdown-content {display:block;}
And this is the html and php.
[code]
- Home
-
Software ▾
<?php foreach($prog as $p){ echo''.$p.''; } ?>
- Downloads
-
Support ▾
<?php foreach($prog as $p){ echo''.$p.' Support'; } ?> Contact