Re: [Ovillo] Problema de novato con html+css (formulario)

[José Diaz]

Amigo Ferran la documentacion en PDF de CSS de librosweb.es tanto el
introductorio como el avanzado te pueden aclarar muchas de estas dudas,
sobre todo el introductorio que es el que explica cada aplique de estos y
sus ejemplos, tienes 3 PDF que puedes leer sobre CSS en esta direccion:

http://librosweb.es/

saludos.

El 26 de enero de 2010 10:44, Jorge Rumoroso  escribió:

> 2010/1/26 Ferran Fontcuberta 
>
> > > Eso es, aunque a simple vista podría llegar a parecer que no hace falta
> > el
> > > clear, si es necesario como bien dice Ignacio. Y digo lo de que "podría
> > > parecer" porque el margen de los párrafos crea el espaciado suficiente
> > como
> > > para que no se repita el problema (puedes comprobarlo quitando los
> > márgenes
> > > de los párrafos sin añadir el clear)
> >
> > Si lo he entendido bien, al poner el clear en los label este actúa de
> > contenedor-reseteador, de manera que "los valores de desplazamiento" que
> > ha creado el posicionamiento mediante el float se ignoran; de otro modo,
> > se posiciona siguiendo el orden establecido por el float (que aún no
> > entiendo muy bien cómo funciona); cierto?
> >
> > En realidad, la propiedad *clear* aplicada sobre un elemento (flotado o
> no) no hace exactamente lo de resetear, sino que hace que este no pueda
> colocarse junto a otros elementos que estén flotados antes que él en el
> código (flotados a la izquierda, a la derecha o a ambos lados con *clear:
> left, right* y *both* respectivamente). Por otro lado, al flotar un
> elemento, pasa a dejar de estar en el flujo normal del documento, con lo
> que
> para el resto de elementos es como si no existiese, pasando a ocupar su
> espacio. No obstante, el texto de estos últimos si que reconoce el espacio
> ocupado por el elemento flotado, motivo por el cual lo tratan de rodear.
>
> Un saludo
>
> --
> www.niquelao.net - Niquelando la web
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema de novato con html+css (formulario)

[Jorge Rumoroso]

2010/1/26 Ferran Fontcuberta 

> > Eso es, aunque a simple vista podría llegar a parecer que no hace falta
> el
> > clear, si es necesario como bien dice Ignacio. Y digo lo de que "podría
> > parecer" porque el margen de los párrafos crea el espaciado suficiente
> como
> > para que no se repita el problema (puedes comprobarlo quitando los
> márgenes
> > de los párrafos sin añadir el clear)
>
> Si lo he entendido bien, al poner el clear en los label este actúa de
> contenedor-reseteador, de manera que "los valores de desplazamiento" que
> ha creado el posicionamiento mediante el float se ignoran; de otro modo,
> se posiciona siguiendo el orden establecido por el float (que aún no
> entiendo muy bien cómo funciona); cierto?
>
> En realidad, la propiedad *clear* aplicada sobre un elemento (flotado o
no) no hace exactamente lo de resetear, sino que hace que este no pueda
colocarse junto a otros elementos que estén flotados antes que él en el
código (flotados a la izquierda, a la derecha o a ambos lados con *clear:
left, right* y *both* respectivamente). Por otro lado, al flotar un
elemento, pasa a dejar de estar en el flujo normal del documento, con lo que
para el resto de elementos es como si no existiese, pasando a ocupar su
espacio. No obstante, el texto de estos últimos si que reconoce el espacio
ocupado por el elemento flotado, motivo por el cual lo tratan de rodear.

Un saludo

-- 
www.niquelao.net - Niquelando la web
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema de novato con html+css (formulario)

[Ignacio Ricci]

Lean estos dos artículos si saben inglés:

http://thecssblog.com/tutorials/stopping-the-css-positioning-panic-part-1/
http://thecssblog.com/tutorials/stopping-the-css-positioning-panic-part-2/

:)

2010/1/26 Reactivo Química Visual 

> A mi también me ha parecido estupenda :)
>
> El 26 de enero de 2010 12:32, manuel cuesta 
> escribió:
>
> > Muy bueno Carlos.
> > Me ha encantado la explicación de los float. No lo había oido nunca. Eso
> es
> > pedagogía. Lo del clear ya es de nota.
> >
> > El 26 de enero de 2010 12:23, Carlos Acero Sánchez <
> > carlos.ac...@aguirrenewman.es> escribió:
> >
> > > > el float (que aún no entiendo muy bien cómo funciona);
> > >
> > > Voy a intentar a explicar de forma rápida y sencilla como funciona eso
> > del
> > > float:
> > >
> > > Para hacerte una idea de cómo funciona el float, imagina que tienes una
> > > pelota (nuestro span) y la sumerges dentro de una pecera llena de agua
> > > (nuestra capa contenedora) y la sueltas. La pelota subirá hasta la
> > > superficie, es decir flotará...
> > >
> > > Es más, imagina que al flotar la puedes dirigir que flote hacia el
> > extremo
> > > izquierdo o hacia el extremo derecho de la pecera(float:left o
> > float:right).
> > > Así que si introducimos varias pelotas, y todas tienen un float:left,
> > todas
> > > flotarán hacia la izquierda.
> > >
> > > Todavía más... imagina que cuando hay una pelota flotando ésta tiene
> > debajo
> > > de sí una plancha de cristal, por lo que si hubieras soltado otra
> pelota
> > > debajo de la plancha de cristal, ésta no llegaría a la superficie, y
> > > quedaría atrapada debajo de la plancha, eso es un clear:both.
> > >
> > > Todavía quedaría explicar el clear:left y el clear:right, pero me
> imagino
> > > que ya te imaginas como funciona.
> > >
> > > Espero que te sirva ;-)
> > >
> > > En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
> > > Datos de Carácter Personal, le informamos que los datos de carácter
> > personal
> > > utilizados para la presente comunicación proceden de un fichero de
> datos
> > de
> > > carácter personal titularidad de Aguirre Newman, S.A., debidamente
> > > notificado ante la Agencia Española de Protección de Datos, cuya
> > finalidad
> > > es la gestión (control, mantenimiento y archivo de la documentación) de
> > la
> > > relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
> > > terceros. Dichos datos, por consiguiente, han sido incorporados o serán
> > > incorporados en dicho fichero para los usos y finalidades indicadas,
> > > pudiendo ser objeto de comunicación a las Compañías que integran el
> GRUPO
> > > AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
> > > página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
> > > pertinente para el cumplimiento de las finalidades señaladas.
> > > Si Ud. no consintiese la utilización del correo electrónico para
> enviarle
> > > comunicaciones electrónicas,  la comunicación de sus datos de contacto
> al
> > > resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
> > > consentimiento al tratamiento de sus datos, podrá hacerlo mediante un
> > correo
> > > electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si
> > Ud.
> > > desea ejercitar sus derechos de acceso, rectificación, cancelación y
> > > oposición podrá hacerlo dirigiéndose por escrito al Departamento de
> > Asesoría
> > > Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P.
> > 28045
> > > Madrid, remitiendo, junto con la solicitud, una fotocopia de un
> documento
> > > oficial de identificación (DNI, Pasaporte, etc).
> > >
> > >
> >
> 
> > >
> > > According to Spanish Data Protection Law 15/1999, we hereby inform that
> > the
> > > personal data used in this communication come from an automated data
> > filed
> > > owned by Aguirre Newman, S.A., which has been duly notified to the
> > Spanish
> > > Data Protection Agency, and whose purpose is managing (control,
> > maintenance
> > > and archiving) the relationship you hold with GRUPO AGUIRRE NEWMAN and
> > its
> > > communication with third parties. Such personal data has been included
> > > within the referred data file for the uses and purposes above-mentioned
> > and
> > > may be transferred to other companies of the AGUIRRE NEWMAN Group, when
> > > necessary for the compliance of the purposes above-mentioned. The
> > companies
> > > that form the AGUIRRE NEWMAN GROUP are listed in the legal notice of
> the
> > > corporate web site www.aguirrenewman.es.
> > > If you do not consent the use of you e-mail for sending electronic
> > > communications, or transferring your personal data to the companies of
> > the
> > > AGUIRRE NEWMAN Group, or you want to revoke your consent, please send
> an
> > > e-mail to asesoriajurid...@aguirrenewman.es. In addition, if you want
> to
> > > exercise your rights of access, rectification, ca

Re: [Ovillo] Problema de novato con html+css (formulario)

[Reactivo Química Visual]

A mi también me ha parecido estupenda :)

El 26 de enero de 2010 12:32, manuel cuesta  escribió:

> Muy bueno Carlos.
> Me ha encantado la explicación de los float. No lo había oido nunca. Eso es
> pedagogía. Lo del clear ya es de nota.
>
> El 26 de enero de 2010 12:23, Carlos Acero Sánchez <
> carlos.ac...@aguirrenewman.es> escribió:
>
> > > el float (que aún no entiendo muy bien cómo funciona);
> >
> > Voy a intentar a explicar de forma rápida y sencilla como funciona eso
> del
> > float:
> >
> > Para hacerte una idea de cómo funciona el float, imagina que tienes una
> > pelota (nuestro span) y la sumerges dentro de una pecera llena de agua
> > (nuestra capa contenedora) y la sueltas. La pelota subirá hasta la
> > superficie, es decir flotará...
> >
> > Es más, imagina que al flotar la puedes dirigir que flote hacia el
> extremo
> > izquierdo o hacia el extremo derecho de la pecera(float:left o
> float:right).
> > Así que si introducimos varias pelotas, y todas tienen un float:left,
> todas
> > flotarán hacia la izquierda.
> >
> > Todavía más... imagina que cuando hay una pelota flotando ésta tiene
> debajo
> > de sí una plancha de cristal, por lo que si hubieras soltado otra pelota
> > debajo de la plancha de cristal, ésta no llegaría a la superficie, y
> > quedaría atrapada debajo de la plancha, eso es un clear:both.
> >
> > Todavía quedaría explicar el clear:left y el clear:right, pero me imagino
> > que ya te imaginas como funciona.
> >
> > Espero que te sirva ;-)
> >
> > En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
> > Datos de Carácter Personal, le informamos que los datos de carácter
> personal
> > utilizados para la presente comunicación proceden de un fichero de datos
> de
> > carácter personal titularidad de Aguirre Newman, S.A., debidamente
> > notificado ante la Agencia Española de Protección de Datos, cuya
> finalidad
> > es la gestión (control, mantenimiento y archivo de la documentación) de
> la
> > relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
> > terceros. Dichos datos, por consiguiente, han sido incorporados o serán
> > incorporados en dicho fichero para los usos y finalidades indicadas,
> > pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
> > AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
> > página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
> > pertinente para el cumplimiento de las finalidades señaladas.
> > Si Ud. no consintiese la utilización del correo electrónico para enviarle
> > comunicaciones electrónicas,  la comunicación de sus datos de contacto al
> > resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
> > consentimiento al tratamiento de sus datos, podrá hacerlo mediante un
> correo
> > electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si
> Ud.
> > desea ejercitar sus derechos de acceso, rectificación, cancelación y
> > oposición podrá hacerlo dirigiéndose por escrito al Departamento de
> Asesoría
> > Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P.
> 28045
> > Madrid, remitiendo, junto con la solicitud, una fotocopia de un documento
> > oficial de identificación (DNI, Pasaporte, etc).
> >
> >
> 
> >
> > According to Spanish Data Protection Law 15/1999, we hereby inform that
> the
> > personal data used in this communication come from an automated data
> filed
> > owned by Aguirre Newman, S.A., which has been duly notified to the
> Spanish
> > Data Protection Agency, and whose purpose is managing (control,
> maintenance
> > and archiving) the relationship you hold with GRUPO AGUIRRE NEWMAN and
> its
> > communication with third parties. Such personal data has been included
> > within the referred data file for the uses and purposes above-mentioned
> and
> > may be transferred to other companies of the AGUIRRE NEWMAN Group, when
> > necessary for the compliance of the purposes above-mentioned. The
> companies
> > that form the AGUIRRE NEWMAN GROUP are listed in the legal notice of the
> > corporate web site www.aguirrenewman.es.
> > If you do not consent the use of you e-mail for sending electronic
> > communications, or transferring your personal data to the companies of
> the
> > AGUIRRE NEWMAN Group, or you want to revoke your consent, please send an
> > e-mail to asesoriajurid...@aguirrenewman.es. In addition, if you want to
> > exercise your rights of access, rectification, cancellation and/or
> > opposition, please send a written request to the Legal Department of
> Aguirre
> > Newman, S.A. c/ General Lacy Nº 23, PO. BOX 28045 Madrid, attaching a
> > photocopy of an official identification document (DNI, Passport, etc).
> >
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribi

Re: [Ovillo] Problema de novato con html+css (formulario)

[manuel cuesta]

Muy bueno Carlos.
Me ha encantado la explicación de los float. No lo había oido nunca. Eso es
pedagogía. Lo del clear ya es de nota.

El 26 de enero de 2010 12:23, Carlos Acero Sánchez <
carlos.ac...@aguirrenewman.es> escribió:

> > el float (que aún no entiendo muy bien cómo funciona);
>
> Voy a intentar a explicar de forma rápida y sencilla como funciona eso del
> float:
>
> Para hacerte una idea de cómo funciona el float, imagina que tienes una
> pelota (nuestro span) y la sumerges dentro de una pecera llena de agua
> (nuestra capa contenedora) y la sueltas. La pelota subirá hasta la
> superficie, es decir flotará...
>
> Es más, imagina que al flotar la puedes dirigir que flote hacia el extremo
> izquierdo o hacia el extremo derecho de la pecera(float:left o float:right).
> Así que si introducimos varias pelotas, y todas tienen un float:left, todas
> flotarán hacia la izquierda.
>
> Todavía más... imagina que cuando hay una pelota flotando ésta tiene debajo
> de sí una plancha de cristal, por lo que si hubieras soltado otra pelota
> debajo de la plancha de cristal, ésta no llegaría a la superficie, y
> quedaría atrapada debajo de la plancha, eso es un clear:both.
>
> Todavía quedaría explicar el clear:left y el clear:right, pero me imagino
> que ya te imaginas como funciona.
>
> Espero que te sirva ;-)
>
> En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
> Datos de Carácter Personal, le informamos que los datos de carácter personal
> utilizados para la presente comunicación proceden de un fichero de datos de
> carácter personal titularidad de Aguirre Newman, S.A., debidamente
> notificado ante la Agencia Española de Protección de Datos, cuya finalidad
> es la gestión (control, mantenimiento y archivo de la documentación) de la
> relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
> terceros. Dichos datos, por consiguiente, han sido incorporados o serán
> incorporados en dicho fichero para los usos y finalidades indicadas,
> pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
> AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
> página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
> pertinente para el cumplimiento de las finalidades señaladas.
> Si Ud. no consintiese la utilización del correo electrónico para enviarle
> comunicaciones electrónicas,  la comunicación de sus datos de contacto al
> resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
> consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo
> electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud.
> desea ejercitar sus derechos de acceso, rectificación, cancelación y
> oposición podrá hacerlo dirigiéndose por escrito al Departamento de Asesoría
> Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P. 28045
> Madrid, remitiendo, junto con la solicitud, una fotocopia de un documento
> oficial de identificación (DNI, Pasaporte, etc).
>
> 
>
> According to Spanish Data Protection Law 15/1999, we hereby inform that the
> personal data used in this communication come from an automated data filed
> owned by Aguirre Newman, S.A., which has been duly notified to the Spanish
> Data Protection Agency, and whose purpose is managing (control, maintenance
> and archiving) the relationship you hold with GRUPO AGUIRRE NEWMAN and its
> communication with third parties. Such personal data has been included
> within the referred data file for the uses and purposes above-mentioned and
> may be transferred to other companies of the AGUIRRE NEWMAN Group, when
> necessary for the compliance of the purposes above-mentioned. The companies
> that form the AGUIRRE NEWMAN GROUP are listed in the legal notice of the
> corporate web site www.aguirrenewman.es.
> If you do not consent the use of you e-mail for sending electronic
> communications, or transferring your personal data to the companies of the
> AGUIRRE NEWMAN Group, or you want to revoke your consent, please send an
> e-mail to asesoriajurid...@aguirrenewman.es. In addition, if you want to
> exercise your rights of access, rectification, cancellation and/or
> opposition, please send a written request to the Legal Department of Aguirre
> Newman, S.A. c/ General Lacy Nº 23, PO. BOX 28045 Madrid, attaching a
> photocopy of an official identification document (DNI, Passport, etc).
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://li

Re: [Ovillo] Problema de novato con html+css (formulario)

[Carlos Acero Sánchez]

> el float (que aún no entiendo muy bien cómo funciona); 

Voy a intentar a explicar de forma rápida y sencilla como funciona eso del 
float: 

Para hacerte una idea de cómo funciona el float, imagina que tienes una pelota 
(nuestro span) y la sumerges dentro de una pecera llena de agua (nuestra capa 
contenedora) y la sueltas. La pelota subirá hasta la superficie, es decir 
flotará... 

Es más, imagina que al flotar la puedes dirigir que flote hacia el extremo 
izquierdo o hacia el extremo derecho de la pecera(float:left o float:right). 
Así que si introducimos varias pelotas, y todas tienen un float:left, todas 
flotarán hacia la izquierda.

Todavía más... imagina que cuando hay una pelota flotando ésta tiene debajo de 
sí una plancha de cristal, por lo que si hubieras soltado otra pelota debajo de 
la plancha de cristal, ésta no llegaría a la superficie, y quedaría atrapada 
debajo de la plancha, eso es un clear:both.

Todavía quedaría explicar el clear:left y el clear:right, pero me imagino que 
ya te imaginas como funciona.

Espero que te sirva ;-)

En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos 
de Carácter Personal, le informamos que los datos de carácter personal 
utilizados para la presente comunicación proceden de un fichero de datos de 
carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado 
ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión 
(control, mantenimiento y archivo de la documentación) de la relación que 
mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos 
datos, por consiguiente, han sido incorporados o serán incorporados en dicho 
fichero para los usos y finalidades indicadas, pudiendo ser objeto de 
comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya 
identidad podrá consultar en el aviso legal de la página web corporativa 
www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento 
de las finalidades señaladas. 
Si Ud. no consintiese la utilización del correo electrónico para enviarle 
comunicaciones electrónicas,  la comunicación de sus datos de contacto al resto 
de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al 
tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido 
a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud. desea ejercitar sus 
derechos de acceso, rectificación, cancelación y oposición podrá hacerlo 
dirigiéndose por escrito al Departamento de Asesoría Jurídica de Aguirre 
Newman, S.A., calle General Lacy número 23, C.P. 28045 Madrid, remitiendo, 
junto con la solicitud, una fotocopia de un documento oficial de identificación 
(DNI, Pasaporte, etc).


According to Spanish Data Protection Law 15/1999, we hereby inform that the 
personal data used in this communication come from an automated data filed 
owned by Aguirre Newman, S.A., which has been duly notified to the Spanish Data 
Protection Agency, and whose purpose is managing (control, maintenance and 
archiving) the relationship you hold with GRUPO AGUIRRE NEWMAN and its 
communication with third parties. Such personal data has been included within 
the referred data file for the uses and purposes above-mentioned and may be 
transferred to other companies of the AGUIRRE NEWMAN Group, when necessary for 
the compliance of the purposes above-mentioned. The companies that form the 
AGUIRRE NEWMAN GROUP are listed in the legal notice of the corporate web site 
www.aguirrenewman.es.
If you do not consent the use of you e-mail for sending electronic 
communications, or transferring your personal data to the companies of the 
AGUIRRE NEWMAN Group, or you want to revoke your consent, please send an e-mail 
to asesoriajurid...@aguirrenewman.es. In addition, if you want to exercise your 
rights of access, rectification, cancellation and/or opposition, please send a 
written request to the Legal Department of Aguirre Newman, S.A. c/ General Lacy 
Nº 23, PO. BOX 28045 Madrid, attaching a photocopy of an official 
identification document (DNI, Passport, etc).


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema de novato con html+css (formulario)

[Ferran Fontcuberta]

On 26/01/10 10:06, Jorge Rumoroso wrote:
> De ahí que si le
> das un padding al input, este cambia su alto, el span se desliza por debajo
> de de lo que le precede hasta apoyarse a la izquerda. Podrás comprobar que,
> al ser el alto lo que afecta, podría valerte con haber aplicado ese padding
> en vertical (arriba o abajo).

Aaah, amigo! Gracias por la explicación!! :)

> No creo que sea necesario flotarlos, aunque tal vez se me esté escapando
> algo.

Comprobado, no necesitan estar flotados, según parece

>> Y los parrafos (actualmente son labels), deberían aplicar un clear para
>> detener los flotados.
>>
>
> Eso es, aunque a simple vista podría llegar a parecer que no hace falta el
> clear, si es necesario como bien dice Ignacio. Y digo lo de que "podría
> parecer" porque el margen de los párrafos crea el espaciado suficiente como
> para que no se repita el problema (puedes comprobarlo quitando los márgenes
> de los párrafos sin añadir el clear)

Si lo he entendido bien, al poner el clear en los label este actúa de 
contenedor-reseteador, de manera que "los valores de desplazamiento" que 
ha creado el posicionamiento mediante el float se ignoran; de otro modo, 
se posiciona siguiendo el orden establecido por el float (que aún no 
entiendo muy bien cómo funciona); cierto?

Muchas gracias!!

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema de novato con html+css (formulario)

[Jorge Rumoroso]

Ferran, lo que ocurre es que el alto del label y el alto del input no tienen
la misma altura. Para ver lo que realmente está pasando te aconsejo que le
pongas un outline al span (outline para que no afecte a las dimensiones del
elemento). Verás que los elementos span, se colocan por debajo del input
anterior pero se apoyan también contra el span precedente. De ahí que si le
das un padding al input, este cambia su alto, el span se desliza por debajo
de de lo que le precede hasta apoyarse a la izquerda. Podrás comprobar que,
al ser el alto lo que afecta, podría valerte con haber aplicado ese padding
en vertical (arriba o abajo). Esa es la explicación de lo que está pasando.

Respecto a cómo solucionarlo, lo que te comenta Ignacio. Aun así, también
querría hacer un par de apuntes al respecto:

2010/1/25 Ignacio Ricci 

> El label no debe rodear el campo, va aparte.
> La sintaxis correcta es esta:
> 
> Nombre
> 
> 
>

El extraer el campo de texto del label es una opción para conseguir lo que
Ferran pretende, pero el incluir dicho input dentro de él también es
sintácticamente correcto (e.


> Después, cuando un elemento está flotado, transforma su propiedad display a
> block, por lo tanto usar display:inline; en el elemento flotado no hace
> nada.
>

Eso es, pero tal vez habría que puntualizar que en determinados casos si
hace algo, arregla un bug de IE 6 cuando el elemento flotado también tiene
un margen (doble margen de IE).


> Los elementos input también deberian estár flotados.
>

No creo que sea necesario flotarlos, aunque tal vez se me esté escapando
algo.


> Y los parrafos (actualmente son labels), deberían aplicar un clear para
> detener los flotados.
>

Eso es, aunque a simple vista podría llegar a parecer que no hace falta el
clear, si es necesario como bien dice Ignacio. Y digo lo de que "podría
parecer" porque el margen de los párrafos crea el espaciado suficiente como
para que no se repita el problema (puedes comprobarlo quitando los márgenes
de los párrafos sin añadir el clear)

Un saludo

-- 
www.niquelao.net - Niquelando la web
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema de novato con html+css (formulario)

[Ferran Fontcuberta]

Muchísimas gracias, Ignacio; ahora sí se visualiza correctamente.

float/clear es una cosa que no acabo de entender correctamente, 
sinceramente.

Y, acerca de lo que dices del campo label, siento llevarte la contraria: 
span es "phrasing content" e input es "labelable", así que creo que es 
correcto.

Content model:
 Phrasing content, but with no descendant labelable form-associated 
elements unless it is the element's labeled control, and no descendant 
label elements.
[...]
The label represents a caption in a user interface. The caption can be 
associated with a specific form control, known as the label  element's 
labeled control, either using for attribute, or by putting the form 
control inside the label element itself.
[...]
If the for attribute is not specified, but the label element has a 
labelable form-associated element descendant, then the first such 
descendant in tree order is the label  element's labeled control.

esto es del draft de html5, pero en... 
http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#h-17.9 Veo 
esto:

In this example, we implicitly associate two labels with two text input 
controls:




First Name




Last Name




Precisamente ayer estuve mirandomelo :P


On 25/01/10 18:27, Ignacio Ricci wrote:
> El label no debe rodear el campo, va aparte.
> La sintaxis correcta es esta:
>
> 
>   Nombre
>   
> 
>
> Después, cuando un elemento está flotado, transforma su propiedad display a
> block, por lo tanto usar display:inline; en el elemento flotado no hace
> nada.
>
> Los elementos input también deberian estár flotados.
>
> Y los parrafos (actualmente son labels), deberían aplicar un clear para
> detener los flotados.
>
> Espero haber sido claro.
>
> n
>
>
> 2010/1/25 Ferran Fontcuberta
>
>> On 25/01/10 18:15, Ignacio Ricci wrote:
>>> *EJEMPLO ONLINE*
>>
>> Perdón, este era mi primer mail a la lista.
>>
>> "Bien" formateado, con el padding a 6:
>> http://pastehtml.com/view/5t45dr2.html
>>
>> Mal formateado, sin padding:
>> http://pastehtml.com/view/5t45dvt.html
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
>
>
>

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema de novato con html+css (formulario)

[Ignacio Ricci]

Amigo,

Varias cositas veo para ayudarte.

El label no debe rodear el campo, va aparte.
La sintaxis correcta es esta:


 Nombre
 


Después, cuando un elemento está flotado, transforma su propiedad display a
block, por lo tanto usar display:inline; en el elemento flotado no hace
nada.

Los elementos input también deberian estár flotados.

Y los parrafos (actualmente son labels), deberían aplicar un clear para
detener los flotados.

Espero haber sido claro.

n


2010/1/25 Ferran Fontcuberta 

> On 25/01/10 18:15, Ignacio Ricci wrote:
> > *EJEMPLO ONLINE*
>
> Perdón, este era mi primer mail a la lista.
>
> "Bien" formateado, con el padding a 6:
> http://pastehtml.com/view/5t45dr2.html
>
> Mal formateado, sin padding:
> http://pastehtml.com/view/5t45dvt.html
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
↓ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema de novato con html+css (formulario)

[Ferran Fontcuberta]

On 25/01/10 18:15, Ignacio Ricci wrote:
> *EJEMPLO ONLINE*

Perdón, este era mi primer mail a la lista.

"Bien" formateado, con el padding a 6:
http://pastehtml.com/view/5t45dr2.html

Mal formateado, sin padding:
http://pastehtml.com/view/5t45dvt.html
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema de novato con html+css (formulario)

[Ignacio Ricci]

*EJEMPLO ONLINE*

2010/1/25 Ferran Fontcuberta 

> Tengo un problema con el formateo de un formulario en html/css; el
> código es el siguiente:
>
> 
> label
> {
> display: block;
> }
> label span
> {
> display: inline;
> width: 200px;
> float: left;
> text-align: right;
> padding: 5px 20px 0 0;
> }
> label input
> {
> padding: 6px;
> width: 200px;
> }
> 
>
> 
> 
> Informació del domini
>
> 
> Nom:
> 
> 
> 
> Extensio:
> 
> 
>
> 
> Anys de registre:
> 
> 
> 
> Queue type:
> 
> 
>
> 
> Compta:
> 
> 
> 
> Data d'expiració:
> 
>
> 
> 
> 
>
>
> Que me formatea correctamente; pero si elimino el atributo padding de
> label input (o le pongo un valor inferior a 6), me lo formatea
> incorrectamente. ¿Alguien puede echarme una mano?
>
> Gracias
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
↓ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Problema de novato con html+css (formulario)

[Ferran Fontcuberta]

Tengo un problema con el formateo de un formulario en html/css; el 
código es el siguiente:


 label
 {
 display: block;
 }
 label span
 {
 display: inline;
 width: 200px;
 float: left;
 text-align: right;
 padding: 5px 20px 0 0;
 }
 label input
 {
 padding: 6px;
 width: 200px;
 }



 
 Informació del domini

 
 Nom:
 
 
 
 Extensio:
 
 

 
 Anys de registre:
 
 
 
 Queue type:
 
 

 
 Compta:
 
 
 
 Data d'expiració:
 

 
 



Que me formatea correctamente; pero si elimino el atributo padding de 
label input (o le pongo un valor inferior a 6), me lo formatea 
incorrectamente. ¿Alguien puede echarme una mano?

Gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo