Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/12/2010, 20:01
iovan
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 16 años, 7 meses
Puntos: 188
Problema muy sencillo, Estilo formulario textfiled.

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



Este es mi CSS


Código CSS:
Ver original
  1. .uno{
  2.     width:180px;
  3.     margin:0;
  4. }
  5. .uno input{
  6.     width:180px;
  7.     height:30px;
  8.     border-left:#999 solid 1px;
  9.     border-top:#999 solid 1px;
  10.     border-right: none;
  11.     border-bottom:#999 solid 1px;
  12.     margin:0;
  13. }
  14. .dos{
  15.     width:30px;
  16.     max-height:30px;
  17.     margin:-1em 0em 0em 0em;
  18.     border-left:#999 solid 1px;
  19.     border-top:#999 solid 1px;
  20.     border-right:#999 solid 1px;
  21.     border-bottom:#999 solid 1px;
  22. }
  23. .img{
  24.     padding:0em 0.0em 0.0em 0.0em;
  25.     margin:0em 0em 0em 0em;
  26.     text-decoration:none;
  27.     font-family:Verdana, Geneva, sans-serif;
  28.     font-size:14px;
  29.     color:#036;
  30.     font-weight:bold;
  31. }


Y este el HTML
Código HTML:
Ver original
  1. <span class="uno">
  2. <input type="text" class="" />
  3. </span>
  4.  
  5. <span class="dos">
  6. <a href="" class="img">Buscar</a>
  7. </span>



Resultado actual:



Resultado esperado:




Muchas gracias.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.