Centrar en el centro exacto un formulario

[danyof]

Hola que hay?

Quiero hacer un formulario de registro en una página con diversos campos y estructurarlo como lo hace actualmente hotmail:
Adjunto foto:
http://img31.imageshack.us/img31/3905/registrou.png


CENTRAR los campos de texto en el centro exacto de la web.
A los dos lados situar las etiquetas (izquierda) y unas ventanitas de ayuda a la derecha.

Pues bien, mi mayor quebradero de cabeza esta en como consigo hacer esto!

-He probado a meter todo en un div y centrarlo con el "text-align" pero centra al conjunto caja de texto/label
-Si meto solo los cuadros de texto en un div, no se me ocurre la forma de hacerlo.

P.D. No he empezado hace mucho con esto pero he probado bastantes cosas y no se me ocurre ya!

Gracias!

[Carlangueitor]

Amigo si hubieras usado el buscador del foro o en google "centrar con CSS" supieras que se hace con: margin: 0 auto;

Saludos

[danyof]

Si, vale, pero como hago para situar las <label> JUSTO unos pixeles a la izquierda de cada cuadro de texto y que su alineacion sea derecha, es decir, como en la imagen que puse.

Con margin 0 auto centro el div donde estan los cuadros de texto, pero no los cuadros de texto! para esto tengo que usar el text-align="center"

Ademas, como hago para que el tamaño del div sea justo el del cuadro de texto? ya que el cuadro de texto se mide en numero de caracteres y el div en pixeles por ejemplo... ¿tengo que estar haciendolo a ojo?... no creo que esa sea la forma.

Sigo con este pequeño problema y no lo consigo resolver!

[danyof]

¿Nadie sabe?

Si seguro que no es dificil pero no encuentro lo que busco... en todas las paginas que busco ponen la etiqueta por ahi perdida, no exactamente donde yo quiero...

[Carlangueitor]

Puedes centrar los labels directamente (con su margin respectivo si lo necesitan) individualmente.

Saludos

[Trypat]

en el label pones text-align: right

añades padding-left para separa un poco el input y listo

[danyof]

Bien, veamos.... os agradezco vuestras respuestas pero a ver... estoy empezando en esto y o sois mas explicitos... o de poco me voy a enterar

Es que encuentro vuestras respuestas algo ambiguas y no se todavia donde tengo que meter todo:

A carlangueitor:

Puedo centrar los label individualmente... si, correcto... pero los centro estando donde... en un div? en el form? en un div dentro del form? dentro del mismo div donde deberian estar los cuadros de texto?

a Trypat:

Si, pongo eso en el label... pero y el label donde esta¿? en un div, en el form... en el mismo div de los cuadros de texto?

Y que hay acerca de los cuadros de texto? sigo sin saber como hacerlo:

1) Si meto los input solos en un div se centran genial... ¿pero como hago para que las label queden justo a la izquierda?

a) Las meto en el mismo div?
b) las dejo fuera del div?
c) las meto en otro div el cual esta a la izquierda del div de los cuadros de texto?

2) Si meto las label en el mismo div que los cuadros de texto, lo que se centra es el conjunto label-cuadro de texto, y yo no quiero esto!!

Puf, de verdad que si sabeis hacerlo por favor contestadme EXPLICITAMENTE porque me estoy volviendo loco!

En serio, os agradezco mucho vuestras respuestas pero es que no me entero de nada....

[daPhyre]

Prueba mostrar una imagen de como se ve y una de como quieres que se vea, eso suele ser efectivo

[danyof]

Lo de la imagen de como quiero que se vea es esta:

http://img31.imageshack.us/img31/3905/registrou.png

Y como se me ve, pues depende de como lo hago.

Si pongo el margin:0 auto ese, no consigo poner el label a la misma altura que el cuadro de texto, se queda encima o debajo.

Si no lo pongo, no consigo centrarlo JUSTO en el centro aunque si consigo que queden a la misma altura....
Gracias!

[danyof]

Pues nada... veo que nadie sabe ayudarme :(

[daPhyre]

JAjaja!!! Ese está medido XP

Teoría: contenedor de 600px, caja de texto de 100px,

600/2 - 100/2 = 250.

Por tanto, hacer labels de 250px de ancho y con text-align:right.

Creo que eso elimina ya todo problema

[danyof]

Bien, me has dado la pista sobre como tenia que hacerlo y es que me faltaba de saber una cosa:

Que se puede definir la anchura de los cuadros de texto en pixeles mediante css.
Era algo que no sabia y por eso nunca me quedaba centrado exactamente!.

Por si a alguien le interesa lo que he hecho ha sido.

Hacer un div de... 600px por ejemplo y centrarlo con margin:0 auto
Poner los cuadros de texto de 200px cada uno
Poner a la izquierda de cada cuadro de texto una label de 200px de tamaño con text-align right y... MUY IMPORANTE: float:left; y asi me ha quedado perfectisimamente centrado.

Muchas gracias!

[jomaruro]

Hola:

Iniciado por danyof

Bien, me has dado la pista sobre como tenia que hacerlo y es que me faltaba de saber una cosa:

Que se puede definir la anchura de los cuadros de texto en pixeles mediante css.
Era algo que no sabia y por eso nunca me quedaba centrado exactamente!.

Por si aparece alguna otra cosa que te falte saber:

www.librosweb.es

Saludos.

[danyof]

Gracias, parece interesante esa web.

La echare un vistazo :D