Re: [Ovillo] Problema de novato con html+css (formulario)
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: FORM action=... method=post P LABEL First Name INPUT type=text name=firstname /LABEL LABEL INPUT type=text name=lastname Last Name /LABEL /P /FORM 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: p label for=nomNombre/label input type=text name=nom id=nom / /p 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 Fontcubertafer...@fompi.net 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)
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 ignacio.ri...@gmail.com El label no debe rodear el campo, va aparte. La sintaxis correcta es esta: p label for=nomNombre/label input type=text name=nom id=nom / /p 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)
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)
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)
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema de novato con html+css (formulario)
A mi también me ha parecido estupenda :) El 26 de enero de 2010 12:32, manuel cuesta manucu...@gmail.com 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 desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo
Re: [Ovillo] Problema de novato con html+css (formulario)
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 conta...@reactivo.es A mi también me ha parecido estupenda :) El 26 de enero de 2010 12:32, manuel cuesta manucu...@gmail.com 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,
Re: [Ovillo] Problema de novato con html+css (formulario)
2010/1/26 Ferran Fontcuberta fer...@fompi.net 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)
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 rumor...@gmail.com escribió: 2010/1/26 Ferran Fontcuberta fer...@fompi.net 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
[Ovillo] Problema de novato con html+css (formulario)
Tengo un problema con el formateo de un formulario en html/css; el
código es el siguiente:
style type=text/css
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;
}
/style
form
fieldset
legendInformacioacute; del domini/legend
label
spanNom:/span
input type=text name=nom value=laina /
/label
label
spanExtensio:/span
input type=text name=extensio value=com.es /
/label
label
spanAnys de registre:/span
input type=text name=years value=1 /
/label
label
spanQueue type:/span
input type=text name=queue value=a /
/label
label
spanCompta:/span
input type=text name=nom1 value=b /
/label
label
spanData d'expiracioacute;:/span
input type=text name=nom2 value=c /
/label
/fieldset
/form
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
Re: [Ovillo] Problema de novato con html+css (formulario)
*EJEMPLO ONLINE*
2010/1/25 Ferran Fontcuberta fer...@fompi.net
Tengo un problema con el formateo de un formulario en html/css; el
código es el siguiente:
style type=text/css
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;
}
/style
form
fieldset
legendInformacioacute; del domini/legend
label
spanNom:/span
input type=text name=nom value=laina /
/label
label
spanExtensio:/span
input type=text name=extensio value=com.es /
/label
label
spanAnys de registre:/span
input type=text name=years value=1 /
/label
label
spanQueue type:/span
input type=text name=queue value=a /
/label
label
spanCompta:/span
input type=text name=nom1 value=b /
/label
label
spanData d'expiracioacute;:/span
input type=text name=nom2 value=c /
/label
/fieldset
/form
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
Re: [Ovillo] Problema de novato con html+css (formulario)
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)
Amigo, Varias cositas veo para ayudarte. El label no debe rodear el campo, va aparte. La sintaxis correcta es esta: p label for=nomNombre/label input type=text name=nom id=nom / /p 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 fer...@fompi.net 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
