Jump to content

Link problem


blink359

Recommended Posts

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.