Re: [Ovillo] modificar ancho de legend
El mié, 16-04-2008 a las 15:11 +0200, Jon Parro escribió: > Hola, Hola :) > Me estoy encontrando con un problema al que no le encuentro la > solución, el caso es que tengo un formulario en el que debo separar > los diferentes campos, para ello he > usado y para meterle la descripción he usado la etiqueta . > > El problema es que no consigo que el legend tome el ancho de su caja > contenedora (fieldset) de manera que si el > texto que meto es un poco largo se sale del ancho del formulario. > > ¿Sabeis como se puedo solucionar esto? Hay diferencias de implementación del modo en que se visualiza el legend para IE y resto de navegadores. En concreto, IE trata el legend como si estuviera DENTRO de la caja del elemento fieldset y el resto de navegadores como si estuviera FUERA. Se necesita, por tanto, tener eso en cuenta y buscar implementaciones distintas para distintos navegadores. No has especificado en tu pregunta, pero por lo que parece debes estar utilizando un navegador NO IE. Si es así, entonces ya sabes... hojas de estilo diferenciadas para el legend que ataquen ese problema. Para los navegadores NO IE, será suficiente que le des una posición negativa superior que te lo alinee con el Fieldset (dependerá de tu tamaño de fuente, no diste referencia ni URL para probar, pero puedes probar con -0.8em que suele ser suficiente... repito, depende de la fuente y de tu diseño). También tendrás que darle posición RELATIVE y left: -7px para compensar la diferencia entre IE y el resto de navegadores. Importante: padding: 0 si quieres que se alinee con las label Espero que con esto avances. Un saludo Victoria ___ 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] modificar ancho de legend
Martin Szyszlican escribió: > 2008/4/16, Jon Parro <[EMAIL PROTECTED]>: > >> Hola, >> >> Me estoy encontrando con un problema al que no le encuentro la >> solución, el caso es que tengo un formulario en el que debo separar >> los diferentes campos, para ello he >> usado y para meterle la descripción he usado la etiqueta >> . >> >> El problema es que no consigo que el legend tome el ancho de su caja >> contenedora (fieldset) de manera que si el >> texto que meto es un poco largo se sale del ancho del formulario. >> >> ¿Sabeis como se puedo solucionar esto? >> > > > > Jon: Una vez tuve que luchar con legends y mi solución fué meter un > dentro del legend y aplicarle los estilos a ese span, mientras para tanto el > fieldset como el legend reseteaba todos los valores (margin:0, padding:0, > etc). Esta solución no producía precisión al-pixel en todos los navegadores, > pero era suficiente para mi caso, donde todos los legends eran de muy pocas > palabras pero debían tener un color de fondo del total del ancho del > fieldset. > A mi me pasó lo mismo y opte por la misma solución y span dentro y ponerle con display block y jugar con sus dimensiones. -- Saludos -=stripTM=- ___ 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] modificar ancho de legend
Hasta donde yo se el ancho del legend viene dado por su propio contenido, es decir por el texto de la propia etiqueta, y no habrá forma de hacer ocupar el ancho del fieldset si no es con su contenido. Si lo que deseas es ponerle una imagen o algo así al legend, puedes probar a ponerselo en top al propio fieldset, a mi me ayudo en alguna ocasión. No obstante los legends son etiquetas complejas en cuanto a su manejo, sobre todo si pensamos en multinavegador. Suerte y ya nos irás diciendo. Un saludo. - Sergio Romero Bernal Dpto de Diseño Maquetación CSS Technosite Grupo Fundosa - Fundación Once tlf:91-121-03-37 http://www.technosite.es -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Martin Szyszlican Enviado el: miércoles, 16 de abril de 2008 16:55 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] modificar ancho de legend 2008/4/16, Jon Parro <[EMAIL PROTECTED]>: > > Hola, > > Me estoy encontrando con un problema al que no le encuentro la > solución, el caso es que tengo un formulario en el que debo separar > los diferentes campos, para ello he usado y para meterle la > descripción he usado la etiqueta . > > El problema es que no consigo que el legend tome el ancho de su caja > contenedora (fieldset) de manera que si el texto que meto es un poco > largo se sale del ancho del formulario. > > ¿Sabeis como se puedo solucionar esto? Jon: Una vez tuve que luchar con legends y mi solución fué meter un dentro del legend y aplicarle los estilos a ese span, mientras para tanto el fieldset como el legend reseteaba todos los valores (margin:0, padding:0, etc). Esta solución no producía precisión al-pixel en todos los navegadores, pero era suficiente para mi caso, donde todos los legends eran de muy pocas palabras pero debían tener un color de fondo del total del ancho del fieldset. Suerte! Martín. ___ 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] modificar ancho de legend
2008/4/16, Jon Parro <[EMAIL PROTECTED]>: > > Hola, > > Me estoy encontrando con un problema al que no le encuentro la > solución, el caso es que tengo un formulario en el que debo separar > los diferentes campos, para ello he > usado y para meterle la descripción he usado la etiqueta > . > > El problema es que no consigo que el legend tome el ancho de su caja > contenedora (fieldset) de manera que si el > texto que meto es un poco largo se sale del ancho del formulario. > > ¿Sabeis como se puedo solucionar esto? Jon: Una vez tuve que luchar con legends y mi solución fué meter un dentro del legend y aplicarle los estilos a ese span, mientras para tanto el fieldset como el legend reseteaba todos los valores (margin:0, padding:0, etc). Esta solución no producía precisión al-pixel en todos los navegadores, pero era suficiente para mi caso, donde todos los legends eran de muy pocas palabras pero debían tener un color de fondo del total del ancho del fieldset. Suerte! Martín. ___ 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] modificar ancho de legend
Jon Parro escribió: > Hola, > > Me estoy encontrando con un problema al que no le encuentro la > solución, el caso es que tengo un formulario en el que debo separar > los diferentes campos, para ello he > usado y para meterle la descripción he usado la etiqueta . > > El problema es que no consigo que el legend tome el ancho de su caja > contenedora (fieldset) de manera que si el > texto que meto es un poco largo se sale del ancho del formulario. > > ¿Sabeis como se puedo solucionar esto? > Interesante cuestión. es un elemento tipo "inline", por lo que, en teoría, debería bastar con especificarle un "white-space: normal;" para que adaptara su ancho al y generara tantas líneas como necesitara. Ahora bien, esto sólo funciona de forma razonable en Opera. Y Firefox e IE parece que tratan a este elemento como si tuviera establecido de manera fija un "white-space: no-wrap" (sin saltos de línea automáticos), no dejando cambiarle este valor. Lo único que se me ocurre como "solución" es poner un texto de cortito y ampliar la información con un párrafo dentro del a modo de ayuda. O bien, dividir manualmente las líneas del insertando los correspondientes . ¡Saludos! Miguel González ___ 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] modificar ancho de legend
Hola, Me estoy encontrando con un problema al que no le encuentro la solución, el caso es que tengo un formulario en el que debo separar los diferentes campos, para ello he usado y para meterle la descripción he usado la etiqueta . El problema es que no consigo que el legend tome el ancho de su caja contenedora (fieldset) de manera que si el texto que meto es un poco largo se sale del ancho del formulario. ¿Sabeis como se puedo solucionar esto? ___ 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