Tema: Problemas con formulario e imagen
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/02/2014, 07:51
Eifos
 
Fecha de Ingreso: marzo-2013
Mensajes: 52
Antigüedad: 11 años, 10 meses
Puntos: 0
Problemas con formulario e imagen
Buenos Días

Mi duda es la siguiente, actualmente estoy maquetando una pagina web con boostrap, pero en el primer contenedor debo tener un formulario al lado izquierdo y una imagen (futuro banner) al lado derecho.

Tengo un inconveniente debido a que al ver ese diseño en otras resoluciones el form se descuadra y la imagen cambia sus dimensiones quedando con varios espacios en blanco que se ven mal

Adjunto el codigo
Código HTML: 
Ver original
  1. <div class="container-fluid contenedorinicio">
  2. <div class="row-fluid">
  3.  
  4. <div class="span3 forminicio">
  5.   
  6. <form class="form" method="POST" action="solicitud/credito-paso2.php" onsubmit="return validacion1()">
  7. <legend class="tform">SOLICITE SU CRÉDITO</legend>
  8. <!-- input-->
  9. <div class="control-group">
  10. <label class="control-label" for="nominput"><span class="red">*</span>Primer Nombre:</label>
  11. <div class="controls">
  12. <input id="nominput" name="name_first" type="text" placeholder="Digite su primer nombre" class="input-large" required>
  13. </div></div>
  14.  
  15. <!-- input-->
  16. <div class="control-group">
  17. <label class="control-label" for="aplinput"><span class="red">*</span>Primer Apellido:</label>
  18. <div class="controls">
  19. <input id="aplinput" name="name_last" type="text" placeholder="Digite su primer apellido" class="input-large" required>
  20. </div></div>
  21.  
  22. <!-- input-->
  23. <div class="control-group">
  24. <label class="control-label" for="emailinput"><span class="red">*</span>E-Mail:</label>
  25. <div class="controls">
  26. <input id="emailinput" name="email" type="email" placeholder="Digite su Email" class="input-large" required>
  27. </div></div>
  28.  
  29. <!-- input-->
  30. <div class="control-group">
  31. <label class="control-label" for="celinput"><span class="red">*</span>Celular:</label>
  32. <div class="controls">
  33. <input id="celinput" name="obj_4" type="text" placeholder="Digite su numero de celular" class="input-large" maxlength="10" required>
  34. </div></div>
  35.  
  36. <!-- input-->
  37. <div class="control-group">
  38. <label class="control-label" for="inputpais"><span class="red">*</span>Pais:</label>
  39. <div class="controls">
  40. <input id="inputpais" name="obj_5" type="text" readonly value="Valido para Colombia" class="input-large" required>
  41. </div></div>
  42.  
  43. <!-- Select  -->
  44. <div class="control-group">
  45. <label class="control-label" for="laborinput"><span class="red">*</span>Situación Laboral:</label>
  46. <div class="controls">
  47. <select id="laborinput" name="obj_6" class="input-large">
  48. <option value="ninguno">Seleccione</option>
  49. <option value="empleado">Empleado</option>
  50. <option value="pensionado">Pensionado</option>
  51. </select>
  52. <input type="submit" name="sendme"  value="Registrarme"  class="submitform1" title="Click para enviar su solicitud de información" /> 
  53. </div></div>
  54. </form>
  55. </div>
  56.  
  57. <div id="myCarousel" class="carousel slide span9">
  58. <div class="carousel-inner">
  59. <!-- item1 --> 
  60. <div class="active item">
  61.   
  62. <a href="https://www.zonapagos.com/t_libranzaex/pagos.asp" target="_blank"><img src="imagenes/01.main/banner1.png" alt="prestamos de dinero por internet" width="1160" height="596"></a>    
  63. </div>   
  64. </div>   
  65. </div>
  66. </div>
  67.  
  68. </div>

y esta es la pagina web : http://www.libranzaexpress.com/

muchas gracias por su tiempo