Issues with horizontal navigation bar links


hi,

 

as quick note, i'm student , i'm new @ dreamweaver.

 

my question: reason, when change 'display' properties of navigation bar 'inline' links stop working. why this?

 

thanks in advance.

 

the stylesheet:

@charset "utf-8"; @import url("../webfonts/source_sans_pro/stylesheet.css"); @import url("../webfonts/sourcesanspro_bold/stylesheet.css"); body {           margin: 0px;           color: #151515;           font-family: "gill sans", "gill sans mt", "myriad pro", "dejavu sans condensed", helvetica, arial, sans-serif;           background-color: #eff5f8; } h1, h2 {           max-width: 100%;           font-family: "sourcesanspro bold";           color: #3399ff;           font-weight: 600; } h1 {           font-size: 50px;           margin-top: 0px;           margin-bottom: 0px;           text-transform: capitalize;           text-align: left;           padding-top: 3%; } h2 { } #header {           padding-top: 20%;           padding-bottom: 20%;           text-align: center;           overflow: inherit; } #hero img {           max-width: 100%;           background-attachment: fixed;           visibility: inherit; } #main {           float: left;           width: 55%;           margin-left: 2%;           padding-left: 3%;           padding-right: 3%;           padding-bottom: 5%;           padding-top: 1%; } #wrapper {           width: 100%;           min-width: 740px;           max-width: 1000px;           margin-left: auto;           margin-right: auto;           background-color: #ffffff; } #join {           position: relative;           float: right;           padding-right: 5%;           text-align: center; } #top {           padding-top: 12%;           text-align: center; } #wrapper aside {           padding-top: 5%;           padding-left: 5%; } #sidebar {           float: left;           width: auto;           margin-left: 4%; } figure {           display: run-in;           width: auto; } figure img {           padding: 10px;           -webkit-box-shadow: 1px 1px 15px #999999;           box-shadow: 1px 1px 15px #999999; } figcaption {           font-size: 0.875em;           font-weight: bold;           text-align: center;           display: block;           margin-top: 0.5em; } .centered {           margin-left: auto;           margin-right: 34; } .floatleft {           float: left;           margin-left: 0px;           margin-right: 10px; } .floatright {           float: right;           margin-left: 10px;           margin-right: 0px; } footer {           padding-top: 2px;           padding-bottom: 2px;           padding-left: 2%;           background-color: #3399ff;           color: #ffffff;           clear: left;           font-size: 18px;           font-weight: bold; } {           font-weight: bold;           text-decoration: none; } a:link {           color: #94648c; } #book article {           top: 130px;           color: #000;           background-color: #fdc700;           height: auto;           width: 200px;           vertical-align: auto;           padding: 15px;           text-transform: capitalize;           font-size: 36px;           right: 70px;           position: absolute;           text-align: center;           background-image: url(../images/bgroundbutton.jpg);           background-attachment: fixed;           background-position: center center;           background-repeat: no-repeat; } #book {           position: relative; } a:visited {           color: #ff944c; } #hero article {           width: 20%;           padding-left: 20px;           position: absolute;           top: 60px;           right: auto;           border-radius: 25px;           color: #fff;           background-color: #ff9933;           padding-right: 20px;           padding-top: 19px;           left: 20px;           -webkit-box-shadow: 2px 2px 5px #000;           font-size: 18px;           font-style: normal;           font-weight: bold;           font-variant: small-caps; } #hero {           position: relative; } #hero h2 {           text-transform: uppercase;           color: #fff;           margin-bottom: -8px; } #icon article {           padding-left: 15px;           padding-right: 15px;           position: absolute;           background-color: #066;           right: 33px;           top: 10px;           bottom: 25px; } #icon {           position: relative; } #logo {           position: relative; } #logo article {           position: absolute;           right: 30%;           bottom: inherit;           left: 25%;           text-align: center; } #join article {           position: absolute;           top: 6%;           right: 10%;           text-align: right;           float: right; } #side {           float: right;           padding-right: 5%;           text-align: centre;           text-transform: capitalize;           font-variant: small-caps; } #phone article {           float: centre;           display: compact;           position: absolute;           right: 235px; } #phone {           bottom: 20%;           position: relative; } #mainnav {           width: 20%;           display: block;           float: left;           text-align: center;           list-style-type: none; } #mainnav ul {           text-align: centre; } #mainnav ul li.nav-list-item {           float: none; } #mainnav ul li {           text-align: center;           display: inline; }

 

 

please post link page or html code here. experts give opinion.



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Object Fitting Keyboard Shortcuts Disfuntional

Markers not showing up after opening a saved project. Where did they go!?

After Effects error: (-1610153453)