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
Post a Comment