Re: [Ovillo] Longitud de Border
Hola Daniel
On 4/27/06, Daniel calderón [EMAIL PROTECTED] wrote:
Hola a todos.
Pues basicament lo del asunto. Es posible modificar la longitud de un
border echo con:
border:1 px solid #CCC ?
Saludos.
Bueno, pues como ya te comentan, la longitud del borde viene dada por la
longitud de su contenedor, 'padding' incluido. Esto es, modificando el ancho
o el alto del contenedor (según proceda) y/o su padding quedará reflejado
automáticamente en las medidas del borde que tenga aplicado. Vemos que el
margen no cuenta. La única complicación viene cuando deseas que el borde sea
más corto que el contenido que alberga. Imaginemos esto:
(Los guiones serían el borde superior e inferior)
-
Esto es un texto medianamente largo
-
Esto en principio se me ocurre que se podría conseguir englobando el
contenedor con el texto dentro de otro contenedor, al que aplicaríamos el
borde. Es evidente que, al tener que ser el contenedor 'superior' más
pequeño que el interior tendríamos que jugar con las propiedades 'margin' en
su vertiente negativa para este contenedor interior. En la práctica esto
podría quedar así, con un tamaño de fuente de 16px:
div.fuera {
width: 11em;
border-top: 1px Solid #ccc;
border-bottom: 1px Solid #ccc;
margin: 0 2em 0 2em;
}
p.dentro {
margin: 0 -2em 0 -2em;
text-align: center;
position: relative;
width: 15em;
}
div class=fuera
p class=dentroEsto es un texto medianamente largo/p
/div
Hay un par de puntualizaciones que me gustaría hacer:
1) la línea margin: 0 2em 0 2em; del estilo de div.fuera no es
estrictamente necesaria, pero con ella nos aseguramos que el conjunto
mantenga las proporciones relativas que tendría antes de la fechoría. Si no
lo pusiéramos, al darle márgenes negativos al contenedor interno tendríamos
desagradables efectos colaterales. Amén de que a IE no le gusta mucho que un
bloque se salga de su contenedor padre.
2) las líneas position: relative; y width: 15em; están únicamente para
lograr el efecto en IE.
Finalmente, imagino que según el efecto que quieras lograr tendrías que
jugar con más o menos propiedades.
Un saludo, David Merino Ogando
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.385 / Virus Database: 268.4.5/321 - Release Date:
21/04/2006
___
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://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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Longitud de Border
Hola a todos. Pues basicament lo del asunto. Es posible modificar la longitud de un border echo con: border:1 px solid #CCC ? Saludos. -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.385 / Virus Database: 268.4.5/321 - Release Date: 21/04/2006 ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Longitud de Border
Daniel calderón escribió: Hola a todos. Pues basicament lo del asunto. Es posible modificar la longitud de un border echo con: border:1 px solid #CCC ? Saludos. que yo sepa, creo que no -- Félix Zapata Berlinches Tanta Tecnología y Comunicación Grupo Onetec c/ Julián Camarillo 26 1º Of. 2 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Longitud de Border
Daniel calderón wrote: Hola a todos. Pues basicament lo del asunto. Es posible modificar la longitud de un border echo con: border:1 px solid #CCC ? Saludos. Que yo sepa, no. Pero si modificás la longitud del elemento que tiene el border, si. Si eso no es posible, podés usar otro elemento a su lado o conteniendolo o posicionado para dar el mismo efecto. Martin. __ Correo Yahoo! Espacio para todos tus mensajes, antivirus y antispam ¡gratis! ¡Abrí tu cuenta ya! - http://correo.yahoo.com.ar ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Longitud de Border [rectificación]
Más bien seria: border-left: 1px solid #CCC; Es que si no, no hay longitud a modificar :) Salutacions, Daniel Calderón Gálvez -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Daniel calderón Enviado el: jueves, 27 de abril de 2006 22:33 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] Longitud de Border Hola a todos. Pues basicament lo del asunto. Es posible modificar la longitud de un border echo con: border:1 px solid #CCC ? Saludos. -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.385 / Virus Database: 268.4.5/321 - Release Date: 21/04/2006 ___ 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://ovillo.org/mailman/listinfo/ovillo -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.1.385 / Virus Database: 268.4.5/321 - Release Date: 21/04/2006 -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.385 / Virus Database: 268.4.5/321 - Release Date: 21/04/2006 ___ 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://ovillo.org/mailman/listinfo/ovillo
