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 Link to comment https://forums.phpfreaks.com/topic/219324-link-problem/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.