Problema casuta de cautare

Nu stiu de ce dar nu apare iconita la butonul albastru.
Si daca vreau sa scriu ceva in casuta,trebuie sa apas mai sus de casuta alba.. .


Codul de la casuta:

Cod:

#search
{
   margin-top: 23px;
}
#main_search
{
   background: transparent;
   border: 0;
   font-size: 12px;
   outline: 0;
   padding: 0;
   width: 60px;
}
#main_search.inactive
{
   color: #bcbcbc;
}
#search_wrap
{
   background: #fff;
   border-radius: 3px 4px 4px 3px;
   box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
   display: block;
   height: 26px;
   line-height: 15px;
   min-width: 180px;
   moz-border-radius: 3px 4px 4px 3px;
   moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
   padding: 0
26px 0 4px;
   position: relative;
   webkit-border-bottom-left-radius: 3px;
   webkit-border-bottom-right-radius: 4px;
   webkit-border-top-left-radius: 3px;
   webkit-border-top-right-radius: 4px;
   webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#adv_search
{
   background: url('http://i.imgur.com/DzbA3dC.png') no-repeat 50% 50%;
   border-radius: 3px;
   display: inline-block;
   height: 26px;
   margin-left: 3px;
   moz-border-radius: 3px;
   text-indent: -3000em;
   webkit-border-radius: 3px;
   width: 26px;
}
#adv_search:hover
{
   background-color: rgba(0,0,0,0.2);
}
#search
.submit_input
{
   background: #7ba60d url('http://i.imgur.com/kffNKYB.png') no-repeat 50%;
   border: 0;
   border-radius: 0 3px 3px 0;
   bottom: 0;
   box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   display: block;
   height: 26px;
   moz-border-radius: 0 3px 3px 0;
   moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   padding: 0;
   position: absolute;
   right: 0;
   text-indent: -3000em;
   top: 0;
   webkit-border-bottom-right-radius: 3px;
   webkit-border-top-right-radius: 3px;
   webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
   width: 26px;
}
#search .submit_input:hover
{
   background-color: #91bb25;
}
#search_options
{
   background: #eaeaea url('http://i.imgur.com/cZzupHM.png') repeat-x 0 1px;
   border-radius: 3px;
   color: #222;
   display: inline-block;
   float: right;
   font-size: 10px;
   height: 25px;
   line-height: 25px;
   margin: 3px
3px 3px 0;
   max-width: 80px;
   moz-border-radius: 3px;
   overflow: hidden;
   padding: 0
6px;
   text-overflow: ellipsis;
   text-shadow: #fff 0px 1px 0px;
   webkit-border-radius: 3px;
}
#search_options_menucontent
{
   background: #1a1a1a;
   border: 1px
solid #393939;
   min-width: 130px;
   padding: 0;
}
#search_options_menucontent
input
{
   margin-right: 10px;
}
#search_options_menucontent
li
{
   background: url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
   border-bottom: 1px solid #111;
   border-top: 1px solid #252525;
   white-space: nowrap;
}
#search_options_menucontent li:last-of-type
{
   border-bottom: 0;
}
#search_options_menucontent label:hover
{
   background: #202020 url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
}
#search_options_menucontent
label
{
   cursor: pointer;
   display: block;
   padding: 0
6px;
}
#search_options_menucontent
li.title
{
   padding: 3px
6px;
}
#search, #search-box, fieldset{border: none!important;}
.module .main-head{
  
  text-shadow:rgba(0,0,0,0.8) 0px -1px 0px;background:#222 url('http://i.imgur.com/gWn65k4.png') repeat-x 0 -1px!important;padding:8px;
  border:0px;
  border-bottom: 1px solid #454545!important;
  border-radius: 0px;
  moz-border-radius: 0px;
  webkit-border-radius: 0px;
}

Sau as vrea un cod mai mic, ca asta-i plin de buguri...

Te rog sa postezi overall_header

Am pus aici codul de la casuta de cautare

SI in overall+header ai cod pentru acea casuta de cautare ! Pot aparea erori de acolo!

Inainte de a posta aici asigurate ca ai facuta o copie la template.

Uice ceva asemanator:

Inlocuieste acel cod pentru casuta din overall_header cu acesta:

Cod:

<div id="search" class="attach">
   <form method="get" action="/search?search_where=11" id="search-box">
      <fieldset>
         <label for="main_search" class="hide"></label>
         <a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="attach"></a>
         <span id="search_wrap" class="attach">
                           <input type="text" name="search_keywords" id="main_search" maxlength="128"  value="Search..." onclick="if (this.value == 'Search...') this.value = '';" onblur="if (this.value == '') this.value = 'Search...';"/>
                          <span class="choice ipbmenu clickable" id="search_options" style="">Forum</span>
                                  <input type="submit" class="submit_input clickable" value=""/>
         </span>
         
      </fieldset>
   </form>
</div>
               
            </div>
         </div>

Si adauga in CSS pe acesta:

Cod:

}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #F5180C url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #E32117;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
user agent stylesheetlabel {
cursor: default;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}

Poti modifica culorile la acel mic patrat cu doresti tu.

Nu merge. S-a pus pe tot antetul.

Codul Css pe care ti l-am dat, l-ai inlocuit cu care il ai tu in css pentru casuta

Bineinteles ca da

Salut,

Observ ca acea casuta nu este adaugata. O poti adauga,te rog?

Salut din nou,
am adaugat-o

Adauga in CSS:

Cod:

#search .submit_input {
background: #000000 url(http://i.imgur.com/DzbA3dC.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #ffffff;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;

Dar sterge:

Cod:

#adv_search {
background: url(http://i.imgur.com/DzbA3dC.png) no-repeat;
border-radius: 3px;
display: inline-block;
height: 26px;
margin-left: 0px;
moz-border-radius: 0;
text-indent: -3000em;
webkit-border-radius: 3px;
width: 26px;

Sau ce contine #adv_search,poate la tine este altfel.

Vezi dacă merge si revino cu un raspuns.