Tema: Maquetar form
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/01/2012, 12:14
Avatar de amirx
amirx
 
Fecha de Ingreso: octubre-2011
Mensajes: 3
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: Maquetar form
Cita:
Iniciado por emprear Ver Mensaje
Algo asi te podría funcionar
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9.  
  10. div.negra{
  11. background-color: #000;
  12. width: 180px;
  13. padding: 5px;
  14. }
  15.  
  16. div.blanca{
  17. background-color: #fff;
  18. padding: 2px;
  19. border-radius: 5px;
  20. }
  21.  
  22. input{
  23. border: none;
  24. margin:0;
  25. }
  26.  
  27. input.lupa{
  28. width: 17px;
  29. height: 17px;
  30. background-image: url('http://foros.emprear.com/img/fdw/loupe.png');
  31. background-color: #FFF;
  32. color: transparent;
  33. border: none;
  34. outline: none;
  35. cursor: pointer;
  36. }
  37.  
  38. /*]]>*/
  39. </style>
  40. </head>
  41. <body>
  42. <div class="negra">
  43. <div class="blanca">
  44. <form action="#">
  45. <span>
  46. <input type="text" name="buscar" /><input type="submit" class="lupa" value="." title="buscar" />
  47. </span>
  48. </form>
  49. </div>
  50. </div>
  51. </body>
  52. </html>


Saludos
Muchisimas gracias :) Despues de un rato de acomodarlo con esto me salio :)