Line 24:
Line 24:
<head>
<head>
<style>
<style>
− nav ul ul {
− display: none;
− }
−
− nav ul li:hover > ul {
− display: block;
− }
− nav ul {
− background: #efefef;
− background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
− background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
− background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
− box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
− padding: 0 20px;
− border-radius: 10px;
− list-style: none;
− position: relative;
− left: 150px;
− display: inline-table;
− }
− nav ul:after {
− content: ""; clear: both; display: block;
− }
− nav ul li {
− float: left;
− }
− nav ul li:hover {
− background: #fff;
− background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
− background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
− background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
− }
− nav ul li:hover a {
− color: #fff;
− }
−
− nav ul li a {
− display: block; padding: 15px 20px;
− color: #757575; text-decoration: none;
− }
− nav ul ul {
− background: #5f6975; border-radius: 0px; padding: 0;
− position: absolute; top: 100%; left: 150px;
− }
− nav ul ul li {
− float: none;
− border-top: 1px solid #6b727c;
− border-bottom: 1px solid #575f6a;
− position: relative;
− left: 150px;
− z-index:+1;
− }
− nav ul ul li a {
− padding: 15px 30px;
− color: #fff;
− z-index:+1;
− }
− nav ul ul li a {
− background: #4b545f;
− z-index:+1;
− }
.ccsticky-nav {
.ccsticky-nav {
Revision as of 02:50, 2 August 2016
1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three
❮
❯
You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.fnjjskclmksjKcl;dsklcmkdms.,Cmmslakjcdisaidos'odkosp'opxsklkdgdyuisydisuyduosxuodsaud8ioaduiosiyudosudhcudosauyduosaydusocyoidsyaudiofudoshcudshchxjksyudocyiuds