Problema muy sencillo, Estilo formulario textfiled.

[iovan]

Hola amigos, tengo problemas para conseguir éste estilo con un textfield y un enlace <a href



Este es mi CSS

Código CSS:

.uno{
    width:180px;
    margin:0;
}
.uno input{
    width:180px;
    height:30px;
    border-left:#999 solid 1px;
    border-top:#999 solid 1px;
    border-right: none;
    border-bottom:#999 solid 1px;
    margin:0;
}
.dos{
    width:30px;
    max-height:30px;
    margin:-1em 0em 0em 0em;
    border-left:#999 solid 1px;
    border-top:#999 solid 1px;
    border-right:#999 solid 1px;
    border-bottom:#999 solid 1px;
}
.img{
    padding:0em 0.0em 0.0em 0.0em;
    margin:0em 0em 0em 0em;
    text-decoration:none;
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#036;
    font-weight:bold;
}
 

Y este el HTML

Código HTML:

<span class="uno">
<input type="text" class="" />
</span>
 
<span class="dos">
<a href="" class="img">Buscar</a>
</span>
 

Resultado actual:



Resultado esperado:




Muchas gracias.

[iovan]

si se puede?

[punk567]

Hola, intentá con este código

Esto funciona en FF, Ie 7 y 8, Chrome y Safari , en windows

El doctype es: XHTML 1.0 Transitional

Código:

.uno{
	height:30px;
	float:left;
    border-left:#999 solid 1px;
    border-top:#999 solid 1px;
    border-right: none;
    border-bottom:#999 solid 1px;
}
.uno input{
	border:none;
    margin:0;
	padding:6px 0 0;
	vertical-align:middle;
	height:24px
}
.dos{
    border-left:#999 solid 1px;
    border-top:#999 solid 1px;
    border-right:#999 solid 1px;
    border-bottom:#999 solid 1px;
	float:left;
	height:30px;
}
.img{
	margin:0;
    padding:0;
    text-decoration:none;
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#036;
    font-weight:bold;
	display:block;
	padding-top:6px
	
}

Código:

<div class="uno">
<input type="text" class="" />
</div>
 
<div class="dos">
<a href="" class="img">Buscar</a>
</div>

[iovan]

Perfecto, muchas gracias :D