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