blink359 Posted November 21, 2010 Share Posted November 21, 2010 Hi there i have got my nav bar links but they are 5-10 pixels above the text that represents buttons but are really small i dont know why its only on google chrome/firfox/safari that its like it (so far) my website is http://valiantflight.comlu.com/261/index.php, take a look The code for the css is body { background-color: rgb(0, 84, 147); font-family: 'HelveticaNeue', 'Helvetica Neue', 'arial', sans-serif; margin-top:12px; font-size: 12px; position:relative; left:-10px; top:-2px; } #container { margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 10px; overflow: hidden; position: relative; word-wrap: break-word; background: #FFFFFF; text-align: left; width: 700px; } #navbar { float: right; padding-top: 8px; padding-bottom: 8px; padding-right:15px; } #navbar a { font-family: 'HelveticaNeue', 'Helvetica Neue', 'arial', sans-serif; font-size: 13px; font-weight:normal; color: #666666; text-decoration: none; font-weight:600; padding:8px; } #navbar a:hover { color: #999999; position: relative; } #navbarend { padding:0px; text-align: center; position:relative; left:1px; top:1px; } #footer { width: 700px; } #footerleft { padding-left:30px; float:left; overflow:hidden; } #footerright { float:right; padding-right:15px; display: inline; } #headertext { font-family: Verdana; font-size: 36px; text-align: left; font-weight:700; color: #005493; padding-top:6px; padding-left:20px; line-height: 44px; font-stretch: normal; font-style: normal; position:relative; top:-2px; left:1px; } #subheadertext { font-family: Verdana; font-size: 24px; font-weight:400; color: #005493; text-align: left; padding-top:0px; padding-left:25px; padding-bottom:50px; line-height: 29px; font-stretch: normal; font-style: normal; position:relative; left:1px; top:-1px; } #headerpic { float:right; padding-right:45px; padding-top:7px; padding-bottom:7px; position:relative; left:1px; } #header { width:700px; display:inline; } #mainpic { width:685px; height:223px; border-style:solid; border-color: #C0C0C0; border-top-width:10px; border-bottom-width:10px; border-left-width:8px; border-right-width:8px; background: url(../images/chromeheader.PNG); position:relative; top:-3px; } #footer { margin-left: auto; margin-right: auto; overflow: hidden; word-wrap: break-word; background: #FFFFFF; text-align: left; width: 700px; padding-bottom:5px; } #content { margin-left: auto; margin-right: auto; overflow: hidden; word-wrap: break-word; background: #FFFFFF; text-align: left; width: 700px; } #content p { font-family: 'HelveticaNeue', 'Helvetica Neue', 'arial', sans-serif; font-size: 12px; font-weight:normal; color: #A9A9A9; padding-bottom:2px; } #left { width:200px; float:left; padding-top:15px; padding-left:8px; padding-bottom:15px; } #right{ width:480px; float:right; padding:5px; padding-top:15px; padding-bottom:15px; } #rightleft { widht:250px; float:left; padding-bottom:15px; border-style:solid; border-top-width:2px; border-bottom-width:2px; border-left-width:2px; border-right-width:1px; } #rightright { float:right; padding-bottom:15px; border-style:solid; border-top-width:2px; border-bottom-width:2px; border-left-width:1px; border-right-width:2px; } #rightleftheader { padding-right:180px; border-style:solid; border-bottom-width:2px; border-right-width:2px; } #rightrightheader { padding-right:250px; border-style:solid; border-bottom-width:2px; } h2 { font-family: Verdana; font-size: 14px; font-weight:400; color: #005493; text-align: left; font-stretch: normal; font-style: normal; padding-bottom:5px; } #leftbox { width:180px; background: #94DAFF; font-family: 'HelveticaNeue', 'Helvetica Neue', 'arial', sans-serif; font-size: 12px; padding:5px; font-weight:normal; color: #FFFFFF; } #leftbox h3 { font-family: 'HelveticaNeue', 'Helvetica Neue', 'arial', sans-serif; font-size: 14px; padding:5px; font-weight:Bold; color: #FFFFFF; text-align: center; } #leftbox a { font-family: 'HelveticaNeue', 'Helvetica Neue', 'arial', sans-serif; font-size: 12px; padding:5px; font-weight:normal; color: #FFFFFF; text-decoration: none; font-weight:none; } #leftbox a:hover { text-decoration: Underline; } #pagetitle { font-family: Verdana; font-size: 18px; font-weight:400; color: #005493; text-align: left; font-stretch: normal; font-style: normal; padding-bottom:5px; } If anyone can help it would be great. Thanks, Blink359 Quote Link to comment https://forums.phpfreaks.com/topic/219324-link-problem/ Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.