elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Rompecabezas de Bitcoin, Medio millón USD en premios


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Pequeño problema con codigo php.
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: 1 [2] Ir Abajo Respuesta Imprimir
Autor Tema: Pequeño problema con codigo php.  (Leído 4,558 veces)
Usuario Invitado


Desconectado Desconectado

Mensajes: 625



Ver Perfil
Re: Pequeño problema con codigo php.
« Respuesta #10 en: 21 Enero 2015, 13:04 pm »

Es muy difícil poder darte una solución eficiente ignorando tantos detalles.

Por ejemplo, si es el único elemento visible (el form) y quieres que se pegue a la esquina izquierda, puedes hacer lo siguiente:

Agregarle un conenedor con la clase 'panel-wrapper', y hacer que éste tenga una posición absoluta, por lo tanto, podrás colocarlo donde desees mediante las propiedades top, right, bottom y left.

Otra opción es aplicar un display flex horizontal y hacer un align-items: flex-start y un justify-content: flex-start. Ésto es mucho mejor ya que cuando bajemos el scroll por ejemplo, el formulario no se verá, en tanto si lo hacemos de la otra manera, el formulario siempre estará visible ya que tiene una posición absoluta en pantalla.

Código
  1. <section class="panel-wrapper">
  2. <section class="panel">
  3.  
  4. <section class="panel-head">
  5. <span class="logo"></span>
  6. <p class="panel-title">T&#38;#237;tulo del form</p>
  7. </section>
  8.  
  9. <section class="panel-body">
  10.  
  11. <section class="form-group-hoz">
  12. <label for="nombre">Nombre:</label>
  13. <input type="text" id="nombre" class="textfield"/>
  14. </section>
  15.  
  16. <section class="form-group-hoz">
  17. <label for="apellido">Apellido:</label>
  18. <input type="text" id="apellido" class="textfield"/>
  19. </section>
  20.  
  21. <section class="form-btn-group-hoz">
  22. <button type="submit" class="btn btn-primary">Enviar</button>
  23. <button type="reset" class="btn btn-default">Limpiar</button>
  24. </section>
  25.  
  26. </section>
  27.  
  28. </section>
  29. </section>

1era forma:

Código
  1. .panel-wrapper
  2. {
  3. left: 0;
  4. position: absolute;
  5. top: 0;
  6. width: 450px;
  7. }

2da forma (recomendada):

Código
  1. .panel-wrapper
  2. {
  3. align-items: flex-start;
  4. display: flex;
  5. flex-flow: row nowrap;
  6.        height: 100vh;
  7. justify-content: flex-start;
  8. margin: 0;
  9. padding: 0;
  10. width: 100%;
  11. }

Funciona en versiones actuales de Firefox y Chrome. No testeado en IE.


« Última modificación: 21 Enero 2015, 13:06 pm por Gus Garsaky » En línea

"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein
Usuario Invitado


Desconectado Desconectado

Mensajes: 625



Ver Perfil
Re: Pequeño problema con codigo php.
« Respuesta #11 en: 21 Enero 2015, 20:13 pm »

Mejor crea un nuevo tema con tus problemas de diseño en ésta misma categoría. El tema se ha disvirtuado mucho desde la duda original.


En línea

"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein
Páginas: 1 [2] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
codigo fuente de sistema pequeño
Programación Visual Basic
SpiderNet 0 1,239 Último mensaje 5 Noviembre 2007, 03:18 am
por SpiderNet
Pequeño problema con codigo, ayuda
PHP
soru13 2 1,029 Último mensaje 22 Noviembre 2007, 12:43 pm
por soru13
Le podeis echar un ojo a este codigo??. Es un codigo pequeño y facil. « 1 2 »
PHP
70N1 10 4,901 Último mensaje 19 Febrero 2010, 18:14 pm
por 70N1
Pequeño Ofuscador de codigo PHP (Pruebenlo) « 1 2 »
PHP
yovaninu 17 13,559 Último mensaje 3 Noviembre 2010, 19:18 pm
por [u]nsigned
[Codigo] Pequeño Servidor HTTP
ASM
_Enko 5 3,309 Último mensaje 5 Diciembre 2011, 23:41 pm
por Eternal Idol
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines