Alinear input type text con boton type image

[Reyphp]

Iniciado por Naica

Si estoy usando doctype, el margin no me funciono.


Reyphp gracias por el código pero no me funciona, centra todo lo que hay en la web.

Gracias a todos!

si solo tenias que borrarle todo lo que lo sentra aqui esta pero sin sentrar la web cualquier cosa me avisa si te sirvio o no o puedes pasar el enlace de tu web y es mejor

aqui esta el codigo intenta con este:

Código HTML:

<div id="cuadro">
<form name="buscar" action="Buscar.php" method="get">
<input id="buscartext" type="text" name="frase" value="Buscar" />
<input id="buscarboton" type="button" name="buscar" value="Buscar" />
</form>
</div>
 

Código CSS:

#cuadro {
margin: 0px;
width: 300px;
height: auto;
}
/* fin del cuadro es el div que centra en buscador */
 
/* este es el cuadro donde las personas ponen lo que va a buscar */
#buscartext {
border: 1px solid #8bce57;
float: left;
width: 200px;
height:30px;
}
/* fin del cuadro donde las personas ponen lo que va a buscar */
 
/* esto sirve para cuando el puntero este sobre el campo de texto de un lijero cambio de color */
#buscartext:hover {
border: 1px solid #70c52e;
}
 
/* este es el boton buscar */
#buscarboton {
margin-left: 10px;
float: left;
width: 80px;
height: 30px;
color: #fff;
font-size: 14px;
font-weight: bold;
background-image: url(boton.png);
cursor: pointer
}
/* fin de el boton buscar */
 
/* esto sirve para que cuando las personas pongan el puntero sobre el boton buscar este de un ligero cambio de color */
#buscarboton:hover {
background-image: url(boton-activo.png)
}
 

en caso de que lo pongas y en tu web no se vea bien entonses pones esto al principio de tu hoja de estilo, pero en caso de que el codigo anterior sirva no pones el codigo acontinuacion

* { margin: 0px; madding: 0px; border: 0px }