Foros del Web » Creando para Internet » CSS »

Posicionamiento del formulario

Estas en el tema de Posicionamiento del formulario en el foro de CSS en Foros del Web. Hola buenas Tengo una pagina con un catalogo, al cual le quiero poner un formulario "fijo" en la parte derecha de la pagina. Es decir, ...
  #1 (permalink)  
Antiguo 04/07/2013, 03:12
 
Fecha de Ingreso: junio-2013
Ubicación: san sebastian
Mensajes: 22
Antigüedad: 10 años, 9 meses
Puntos: 0
Posicionamiento del formulario

Hola buenas

Tengo una pagina con un catalogo, al cual le quiero poner un formulario "fijo" en la parte derecha de la pagina. Es decir, que aunque scrolleemos hacia abajo, el formulario siga estando visible completamente en la parte derecha de la pagina.

El formulario va en un div tal que asi:

Código HTML:
Ver original
  1. <div id="contacto">
  2.  
  3.    
  4.   <div>
  5.     <label for="nombre">Nombre</label>
  6.     <input type="text" />
  7.   </div>
  8.  
  9.   <div>
  10.     <label for="telefono">Telefono</label>
  11.     <input type="text" />
  12.     </div>
  13.    
  14.   <div>
  15.     <label for="nombre">Email</label>
  16.     <input type="text" />
  17.   </div>
  18.   <div>
  19.     <label for="local">Local</label>
  20.     <select name="Locales">
  21. <option>Errotaburu </option>
  22. <option>Churruca</option>
  23. <option>Urbieta</option>
  24.   </div>
  25.     <div>
  26.     <label for="nombre">Dudas</label>
  27.     <textarea style="height:50px; width:136px;"></textarea>
  28.   </div>
  29. </form>
  30.  
  31. </div>

Última edición por pzin; 04/07/2013 a las 03:15 Razón: highlight
  #2 (permalink)  
Antiguo 04/07/2013, 03:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Posicionamiento del formulario

Puedes usar un posicionamiento fijo. Luego lo ajustas a donde necesites tenerlo con top/right/bottom/left. Por ejemplo, para posicionarlo abajo a la derecha sería algo como:

Código CSS:
Ver original
  1. div#contacto {
  2.   position: fixed;
  3.   right: 20px;
  4.   bottom: 20px;
  5. }

Cuando publiques código intenta usar highlight o code.

Etiquetas: fijo, formulario, posicionamiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:31.