Search box problem.

ساخت وبلاگ
I made a search box for my website. The text box and button lines up right in chrome but firefox and ie it does not line up.

Code:

/****************************************************************************************************************************************** searchbar*/
.tftextinput4{
background:#ffffff;
border-top:2px solid #e4e4e4;
border-left:2px solid #e4e4e4;
border-bottom:2px solid #e4e4e4;
border-right:0px solid #e4e4e4;
border-bottom-left-radius:5px;
border-top-left-radius:5px;
color:#000000;
float:center; 
font-family: Arial, Helvetica, sans-serif;
font-size:21px;
font-weight: normal;
height: 25px;
padding: 10px 5px;
text-indent: 10px;
width:515px;
}
       
.tfbutton4 {
background:white url(http://www.xxx.com/images/main/searchbutton.png) left center no-repeat;
background-color: #ffffff;
background-position: 10px;
border-top:2px solid #e4e4e4;
border-left:0px solid #e4e4e4;
border-bottom:2px solid #e4e4e4;
border-right:2px solid #e4e4e4;
border-bottom-right-radius:5px;
border-top-right-radius:5px;
color: #ffffff;
cursor: pointer;
font: bold 20px/40px Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;       
font-weight:bold;       
height: 49px;
margin-left:-4px;
text-align: center;
text-decoration: none;
width: 45px;       
}

.tfbutton4:hover {
background:white url(http://www.xxx.com/images/main/searchbuttonhover.png) left center no-repeat;
background-color: #ff9046;
background-position: 10px;
border-top:2px solid #ff9046;
border-left:0px solid #ff9046;
border-bottom:2px solid #ff9046;
border-right:2px solid #ff9046;
border-bottom-right-radius:5px;
border-top-right-radius:5px;
color: #ffffff;
cursor: pointer;
font: bold 20px/40px Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;       
font-weight:bold;       
height: 49px;
margin-left:-4px;
text-align: center;
text-decoration: none;
width: 45px;       
}
       
.tfclear{
clear:both;
}


PHP Code:

<form id="tfnewsearch" action="SafeWordClientAPI.php" method="post">
<!-- Set the location where safe words get sent -->
<input type="hidden"  name="urlPass" value="http://www.xxx.com/pages/search-results/index.php"/>
<!-- Set the location where blocked words get sent -->
<input type="hidden"  name="urlBlock" value="http://www.xxx.com/pages/search-results/oops.php"/>
<!-- Set the location for error handling, such as failed authentication or if system is down  -->
<input type="hidden"  name="url404" value="http://www.xxx.com/myerror.php"/>
<!-- Set your API Key code here. We must also have your IP address on file as well. -->
<input type="hidden"  name="auth" value="981540112768213674322445435"/>
<input type="text" id="tfq" class="tftextinput4" name="q"  size="21" maxlength="12000" <?php if(isset($_REQUEST['q'])) echo " value='{$_REQUEST['q']}'"?> autocomplete="off" placeholder="Safe Web Search...">
<input type="submit" value=" " class="tfbutton4">
</form>

Any help would be greatly appreciated thanks.
CodingForums...
ما را در سایت CodingForums دنبال می کنید

برچسب : نویسنده : codingforums بازدید : 135 تاريخ : شنبه 18 شهريور 1396 ساعت: 4:26