Dificultad con "input"

[ramondevesa]

Hola, estoy intentando maquetar este formulario:



Pero lo que me ocurre es que entre los input me deja un espacio por dejecto, ¿cómo podría eliminar ese margen que tienen entre ellos para poder unirlos y que quede tal y como la imagen? gracias!!

[carscx]

prueba con input {margin:0}

Saludos,

[ramondevesa]

Ya lo probé y no tuve el resultado esperado :) gracias :)

[pitufoweb]

Pero ahi, solamente hay un input no?. Tal ves sea mejor que pongas el codigo que estas utilizando.



Saludos

[ramondevesa]

Código HTML:

<form name="input" action="html_form_action.asp" method="get">
                                        <input id="p" type="text" name="user" size="140%" value="escribe la b&uacute;squeda">
                                        <input id="b" type="submit" value="Buscar">
                                    </form>
 

[pzin]

Que era un input ya lo sabíamos. El código que interesa es el CSS.

[ramondevesa]

Código CSS:

input
    {
        border: 2px solid #999; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
 
        /*border: 2px solid #999;
    border-radius: 5px;*/
    }
 
    input .text
    {
        width: 750px;
    }
 
    input #p
    {
        -webkit-border-radius: 15px;
        
    }
 
    form
    {
        width: 900px;
    }
 
    input:focus
    {
        outline: none;
    border-color: #999;
    box-shadow: 0 0 10px #9ecaed;
    }
 
    input .boton
    {
        width: 200px;
        margin-left: 0;
    }