html - searchbox and submit button are appearing without borders -
very stupid question, cant solve it...
in php project searchbox , submit button looking weird, ones on .jpg picture below, why , how fix this? (search = otsi:).
on simple html form same lines of code appearing normally, upper searchbox (with borders / otsi: )
checked css , doesn´t seem affect borders or boxes. code on .php subpage simple:
<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>
(grey background on search-field set me in css, white, ergo, invisible because header´s background color white.
css *, body, wrapper , header pretty simple well:
* { 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; }
the selector "*" applies elements (including inputs). removing borders inputs.
instead of using "*", reset stylesheets target individual elements like. if replace selector below, should fix problem:
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; border:0; padding:0; }
Comments
Post a Comment