Tengo un problema quiero colocar un Input en medio de entre dos objetos
Este es el Input:
Código:
<form class="Buscador" method="GET" action="index.php">
<p>
<input id="txt" name="q" value="<?php if($q){ echo $q; } else { echo "Busca tu Musica"; } ?>" onBlur="if (this.value == '') {this.value = 'Busca tu Musica';}" onFocus="if (this.value == 'Busca tu Musica') {this.value = '';}" type="text">
<input id="btm" type="submit" value="">
</p>
</form>
Y este el css del Input
Código:
.Buscador {
left: 15px;
top: 11px;
background:url(http://listenyoumusic.es/m/img/buscador.png) no-repeat;
width:478px;
height:37px;
}
.Buscador #txt { position:absolute; left: 45px; top: 6px; width: 398px; border:0px; background:none; color:#9D9D9C; outline:none; }
.Buscador #btm { position:absolute; left: 445px; top: 6px; width: 26px; height: 24px; background:none; border:0px; cursor:pointer; }
y este es el otro codigo donde va metido el input
Código:
<center><div id="apDiv1"><div/><center/>
Y este es el del Div:
Código:
<style type="text/css">
#apDiv1 {
position:absolute;
width:497px;
height:115px;
z-index:1;
}
</style>
Ahora mismo lo tengo asi puesto[URL="http://listenyoumusic.es/html5/"]http://listenyoumusic.es/html5/[/URL]