Question: I am facing an issue with the appearance of the searchbox and submit button in my PHP project. They look different compared to a simple HTML form. How can I fix this?
The code on the PHP subpage is as follows:
<header id="header">
<div id="logo"><img src="images/logobmw.png"></div>
<div id="searchbox">
<form action="search.php" method="get" enctype="multipart/form-data">
<input type="search" name="value" size="25" >
<input type="submit" name="search" value=" otsi " >
</form>
</div>
</header>
I have checked my CSS, but it doesn't seem to be affecting the borders or box appearance. The grey background on the search-field was set by me in CSS.
My CSS for *, body, wrapper, and header is pretty simple:
* {
margin: 0;
border: 0;
padding: 0;
}
body {
font-family: Calibri, Georgia, Verdana, arial;
background-color: #F8F8F8 ;
font-size: 105%;
color: #303030;
line-height: 1.4;
margin: 0;
}
#wrp {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#header {
width: auto;
height: 100px;
background-color: #fff;
}