Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/11/2010, 20:07
Avatar de JessicaTJ
JessicaTJ
 
Fecha de Ingreso: enero-2007
Ubicación: 127.0.0.1
Mensajes: 472
Antigüedad: 15 años, 7 meses
Puntos: 25
Alinear busqueda fields y botones

Hola chicos, una vez mas vengo a pedir su ayuda ccs' sera jijijiji.

Estoy tratando de alinear unos campos de busqueda y un boton, mas o menos asi como en ebay:


Como ven el campo de busqueda, de filtros y el boton estan bien alineaditos, y por mas ke he kerido no he podido ke me keden asi, alguien podria plis hecharme una manita? El codigo ke tengo yo es algo asi:

Código HTML:
Ver original
  1. <div id="search">
  2.     <form action="1.php" method="post">
  3.       <input type="text" style="width:300px; border:1px solid #F00; height:20px; padding:3px 0; margin:4px 5px 4px 10px; vertical-align: middle;" />
  4.       <select name="" class="grayfont" style="height:28px; padding:4px 2px;">
  5.       <option selected="selected">Todas Las Categorias</option>
  6.       <option value="1">Antiguedades</option>
  7.       <option value="2">Arte</option>
  8.       <option value="3">Bebes</option>
  9.       <option value="4">Libros</option>
  10.       <option value="5">Negocio e Industria</option>
  11.     </select>
  12.     <a href=""><input type="submit" value="" class="christmas" /></a>
  13.     </form>
  14. </div>

Código CSS:
Ver original
  1. #search { background:url(../images/search_bg.jpg); height:35px; width:974px; margin:0 auto; padding:0 8px; }
  2. .christmas { border:0; color:#FFF; height:28px; width:80px; background: url(../images/buscar.png); }
  3. .christmas:hover { background-position: 0 -25px;}

Alguna alma caritativa ke pudiera ayudarme? Me estoy rompiendo la cabeza con eso XD

Mil gracias chicos !!!
__________________
٩(͡๏̯͡๏)۶ || ٩(͡๏̯͡๏)۶