Ich habe eine searchform.php mit folgendem Inhalt angelegt:
PHP
<form method="get" id="searchform"
action="<?php echo get_option('home'); ?>" >
<label class="hidden" for="s"></label>
<input type="text" name="s" id="s"
value="Hier Suchtext eingeben..."
onblur="if (this.value == '')
{this.value = '';}"
onfocus="if (this.value == 'Hier Suchtext eingeben...')
{this.value = '';}" />
<input type="image" id="searchsubmit"
value="<?php echo attribute_escape(__('Search')); ?>"
src="<?php bloginfo('template_url'); ?>/images/submit.png" />
</form>
Alles anzeigen
Das dazugehörige CSS:
HTML
#searchform {
float: right;
}
#s {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
height: 20px;
width: 180px;
color: #CCCCCC;
background: #EEEEEE;
border: 1px solid #CCCCCC;
font-size: 12px;
padding: 0 0 0 5px;
}
#searchsubmit {
height: 20px;
width: 20px;
}
Alles anzeigen
Das Problem: Das Image für den Submitbutton befindet sich ungewollt immer ca. 10 px über der Suchleiste. Will ich dies korrigieren, so rutscht die ganze Suche incl. Button nach unten. Weiß jemand einen Rat um dieses Problem aus der Welt schaffen zu können?
Siehe Screenshot: http://ubuntuone.com/p/oJE/