Colocar un Input en medio

[Jose789]

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]

[pzin]

La etiqueta center ha dejado de existir. Ya hace algún tiempo.

Para centrar un elemento, haz algo así:

Código CSS:

div#apDiv1 {
  width: 960px;
  margin: 0 auto;
}
 

No sólo donde tienes el elemento del formulario, sino con los elementos que quieras centrar. Lo ideal y normal, es crear un contenedor y meter ahí toda la página. Así todo queda centrado.

No uses posicionamiento absoluto. Cuando no controlas mucho de CSS es mejor no hacerlo. Lleva a resultados inesperados y luego no sabrás porqué pasó esto o aquello.

Una vez quitadas las etiquetas center, seguramente se coloque donde quieras, ya que no las estás cerrando y quedan muchas o todas abiertas.

[Jose789]

Iniciado por Bonez

La etiqueta center ha dejado de existir. Ya hace algún tiempo.

Para centrar un elemento, haz algo así:

Código CSS:

div#apDiv1 {
  width: 960px;
  margin: 0 auto;
}
 

No sólo donde tienes el elemento del formulario, sino con los elementos que quieras centrar. Lo ideal y normal, es crear un contenedor y meter ahí toda la página. Así todo queda centrado.

No uses posicionamiento absoluto. Cuando no controlas mucho de CSS es mejor no hacerlo. Lleva a resultados inesperados y luego no sabrás porqué pasó esto o aquello.

Una vez quitadas las etiquetas center, seguramente se coloque donde quieras, ya que no las estás cerrando y quedan muchas o todas abiertas.

Vale perfecto se me centro pero se me centro lo que es la Imagen del input puedes entrar y comprobar http://listenyoumusic.es/html5/

lo que es el input esta en la esquina izquierda arriba quiero que este junto con la Imagen XD

[memoadian]

yo lo veo centrado

[Jose789]

Iniciado por memoadian

yo lo veo centrado

Claro por que ya lo centre yo pero ahora quiero centrar lo que es el

Código:

<input id="btm" type="submit" value="">

y esto es el css

Código:

.Buscador #btm {position: relative;left: 3px;top: 100px;width: 397px;height: 32px; background:none; border:0px; cursor:pointer; }

el input mencionado hay arriba deveria estar en donde esta el search

[pzin]

Tienes que ponerle posición relativa a div#apDiv1.

[Jose789]

Iniciado por Bonez

Tienes que ponerle posición relativa a div#apDiv1.

que seria position;relative seria asi esque soy un poco novato con el css y con eso se me resuelve los del Input mencionado anteriormente