Line 10: | Line 10: | ||
/********************************* MENU ********************************/ | /********************************* MENU ********************************/ | ||
+ | /*****current menu******/ | ||
+ | ul { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #333; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | li a, .dropbtn { | ||
+ | display: inline-block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | li a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: red; | ||
+ | } | ||
+ | |||
+ | li.dropdown { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover {background-color: #f1f1f1} | ||
+ | |||
+ | .show {display:block;} | ||
+ | |||
+ | |||
− | /********************* | + | /*********************test menu formatting*******************/ |
.clearfix:after { | .clearfix:after { | ||
content: “”; | content: “”; | ||
Line 498: | Line 548: | ||
<!-- This tells the browser that your page is responsive --> | <!-- This tells the browser that your page is responsive --> | ||
− | + | <!-- | |
<div class="menu_wrap" > | <div class="menu_wrap" > | ||
<nav class="menu"> | <nav class="menu"> | ||
Line 572: | Line 622: | ||
</div> | </div> | ||
− | |||
<div class="menu-wrap"> | <div class="menu-wrap"> | ||
<nav class="menu"> | <nav class="menu"> |
Revision as of 05:27, 18 October 2016