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

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Posicionar label y cajas de texto
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Posicionar label y cajas de texto  (Leído 4,515 veces)
nolasco281


Desconectado Desconectado

Mensajes: 319


Ver Perfil
Posicionar label y cajas de texto
« en: 7 Julio 2015, 18:55 pm »

Hola como esta soy nuevo en html asi que disculpen si no se algo tan basico.

mi duda es la siquiente estoy tratando de hacer un formulario de login el problema es que no se como posicionar los elementos como el textbox del usuario y password ni los label de arriba de ellos.

aca una muesta de como tengo uno de ellos.

Código
  1.  
  2. <li>
  3. <label for="fullName" class="required"> Usuario </label>
  4. <input type="text" id="fullName" name="fullName" class="k-textbox" placeholder="Usuario"  required validationMessage="Enter {0}" style="Width: 220px;" />
  5. </li>

y asi posiciono el body dentro de toda la pagina
Código
  1. body
  2.        {
  3.            width: 400px;
  4.            margin: auto;
  5.            position: absolute;
  6.            top: 110px;
  7.            left: 350px;
  8.            width: 300px;
  9.            height: 605px;
  10.        }

el resultado es el siquiente:


Como pueden ver las cajas de texto y el label estan pegadas al body de la parte izquierda.
y quiero poder manipular estos elementos.

ya que trate de centrarlos pero lo hace con todos de la siquiente manera.


y lo que busco es que los textbox esten alineados al centro pero los label esten al lado izquierdo de los textbox como muestra la imagen



saludos y gracias.



« Última modificación: 7 Julio 2015, 18:59 pm por nolasco281 » En línea

Lo que se puede imaginar... se puede programar.
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: Posicionar label y cajas de texto
« Respuesta #1 en: 7 Julio 2015, 18:58 pm »

para el li donde estàn los elementos dale

Código:
text-align: center;

y para los elementos dentro de ese li

Código:
margin: auto;


En línea

El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Formularios y cajas de texto ayuda... plz
Programación Visual Basic
visualfree 9 3,423 Último mensaje 28 Octubre 2006, 02:50 am
por visualfree
duda como posicionar texto? « 1 2 »
Programación Visual Basic
Sai-To 15 6,209 Último mensaje 23 Mayo 2008, 01:49 am
por byebye
Enteros y Cajas de texto! [Duda]
PHP
Dosjota 4 2,702 Último mensaje 27 Noviembre 2008, 18:56 pm
por Dosjota
cajas de texto php
PHP
Jucatogo 3 5,736 Último mensaje 22 Abril 2010, 19:07 pm
por дٳŦ٭
copiar valor de caja de texto en otras cajas de texto
Desarrollo Web
margarita02 7 16,800 Último mensaje 24 Febrero 2011, 23:45 pm
por margarita02
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines