[Ovillo] modificar ancho de legend

2008-04-16 Por tema Jon Parro
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 fieldset y para meterle la descripción he usado la etiqueta legend.

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


Re: [Ovillo] modificar ancho de legend

2008-04-16 Por tema Miguel Gonzalez
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 fieldset y para meterle la descripción he usado la etiqueta legend.

 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.

legend 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 fieldset 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 legend 
cortito y ampliar la información con un párrafo dentro del fieldset a 
modo de ayuda. O bien, dividir manualmente las líneas del legend 
insertando los correspondientes br.

¡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


Re: [Ovillo] modificar ancho de legend

2008-04-16 Por tema Sergio Romero Bernal
 
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 fieldset y para meterle la 
 descripción he usado la etiqueta legend.

 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 span
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-04-16 Por tema stripTM
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 fieldset y para meterle la descripción he usado la etiqueta
 legend.

 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 span
 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

2008-04-16 Por tema Victoria Gracia
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 fieldset y para meterle la descripción he usado la etiqueta legend.
 
 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