Re: [Ovillo] Imagen como border
Alejandro Cuesta wrote: Lo ideal sería que border admitiría un tipo image, además de los dotted, dashed y demás. Y que yo sepa, no se puede. En CSS3 http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-border-image -- 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagen como border
Camilo Kawerín escribió (Thu, 31 Mar 2005 20:49:14 -0300): Alejandro Cuesta escribió: Realmente, y estrictamente hablando, no se puede. Ese truquito es habitual, pero es un poco de andar por casa, ya que solo te deja poner borde en un solo lado. Si quieres poner borde en los cuatro lados, tendrás que meter 4 div anidados, lo cual no es la solución más óptima ni agradable, ya que incluyes código innecesario y te obliga a tener que manejar cuatro estilos en lugar de uno. No creo que sea necesario poner divs anidados. Suponiendo que la caja (div) tenga al menos un título (hn) y un párrafo (p), ya tenés tres elementos de bloques donde colocar el background. Si la caja tendrá un ancho fijo (en píxeles), en el div colocás una imagen con los bordes de ambos lados y repetida en sentido vertical y en hn y p colocás los cierres superior en inferior. Si querés que la caja tenga un ancho variable (en porcentaje o em´s), le podés agregar un span al título y ya tenés un cuarto elemento. En este caso, la técnica sería la de sliding doors, que vas encontrar muy bien explicada acá: http://www.alistapart.com/articles/slidingdoors/ http://www.fiftyfoureleven.com/sandbox/weblog/2004/jun/doors-meet- sprites/ Bueno, lo que dice Alejandro es cierto. Realmente estaríamos utilizando una imagen de fondo para simular un borde... pero bueno, tampoco le veo mayor importancia. Sobre el tema de necesitar divs anidados o no, es lo de siempre, si quieres utilizar imágenes para poner bordes a una cajita que no sea de tamaño fijo necesitarás más de un elemento (según el caso podrán ser 2, 4...), y normalmente emplear la técnica del sliding doors. Si no tienes esos elementos, tendrás que añadir código extra. Lo aconsejable sería hacer lo que tú apuntas, Camilo, tratar de aprovechar aquellos elementos que ya tienes (encabezados, párrafos...) para tratar de minimizar el código innecesario (semánticamente hablando). saludos ___ 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] Imagen como border
No se, quizás fuera más sencillo generar una imagen de fondo tipo cuadrícula si lo que quiere es que le salgan líneas discontínuas idénticas en ambos navegadores por los cuatro cistados. Esto con un div ya le valdría, no? On Apr 1, 2005 1:49 AM, Camilo Kawerín [EMAIL PROTECTED] wrote: Hola, Alejandro Cuesta escribió: Realmente, y estrictamente hablando, no se puede. Ese truquito es habitual, pero es un poco de andar por casa, ya que solo te deja poner borde en un solo lado. Si quieres poner borde en los cuatro lados, tendrás que meter 4 div anidados, lo cual no es la solución más óptima ni agradable, ya que incluyes código innecesario y te obliga a tener que manejar cuatro estilos en lugar de uno. No creo que sea necesario poner divs anidados. Suponiendo que la caja (div) tenga al menos un título (hn) y un párrafo (p), ya tenés tres elementos de bloques donde colocar el background. Si la caja tendrá un ancho fijo (en píxeles), en el div colocás una imagen con los bordes de ambos lados y repetida en sentido vertical y en hn y p colocás los cierres superior en inferior. Si querés que la caja tenga un ancho variable (en porcentaje o em´s), le podés agregar un span al título y ya tenés un cuarto elemento. En este caso, la técnica sería la de sliding doors, que vas encontrar muy bien explicada acá: http://www.alistapart.com/articles/slidingdoors/ http://www.fiftyfoureleven.com/sandbox/weblog/2004/jun/doors-meet-sprites/ Espero que te sirva. ___ 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
Re: [Ovillo] Imagen como border
Oriol Puig escribió:
Hola a todos,
estoy maquetando una web y tengo una duda sobre si es posible algo en Css.
¿Es posible utilizar una imagen como border? Quiero hacer un borde de puntos
para un div no me satisface la opción dashed ya que cambia en Internet
Explorer. ¿Alguien sabe si eso es posible y si lo fuera como debería
escribirlo en la hoja de estilos?
Bueno, utilizarla como `border`, estrictamente hablando, no, no se puede.
Pero sí puedes utilizarla como `background-image` y colocarla en el
borde. Por ejemplo:
#elemento {
background: transparent url(dotted.gif) top right repeat-y;
}
En este caso, `dotted.gif` sería una imagen de un pixel de ancho y los
que quieras de alto (te recomiendo utilizar un mínimo de veinte, para
que el navegador no tenga que pensarse demasiado el `repeat`).
Salud,
Choan
--
Mundo Du. Cuentos breves, relatos sorprendentes
http://du.lacalabaza.net/
Dizque. Cosas que me van y me vienen
http://dizque.lacalabaza.net/
___
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] Imagen como border
Oriol Puig escribió (Thu, 31 Mar 2005 11:01:13 +0200): estoy maquetando una web y tengo una duda sobre si es posible algo en Css. ¿Es posible utilizar una imagen como border? Quiero hacer un borde de puntos para un div no me satisface la opción dashed ya que cambia en Internet Explorer. ¿Alguien sabe si eso es posible y si lo fuera como debería escribirlo en la hoja de estilos? Sí se puede y es bastante simple. Pongamos que quieres poner un borde punteado en la parte de abajo de un div (quien dice punteado dice una sombrita o algo así ;) Creas la imagen, y la pones como fondo del div, posicionada abajo y repetida horizontalmente. background:url(imagen.png) bottom repeat-x; un saludo ___ 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] Imagen como border
Hola a todos, estoy maquetando una web y tengo una duda sobre si es posible algo en Css. ¿Es posible utilizar una imagen como border? Quiero hacer un borde de puntos para un div no me satisface la opción dashed ya que cambia en Internet Explorer. ¿Alguien sabe si eso es posible y si lo fuera como debería escribirlo en la hoja de estilos? Muchas gracias Oriol Puig MiNSK disseny www.minskoddities.com T (+34) 93 231 15 44 F (+34) 93 232 26 20 ___ 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] Imagen como border
Realmente, y estrictamente hablando, no se puede. Ese truquito es habitual, pero es un poco de andar por casa, ya que solo te deja poner borde en un solo lado. Si quieres poner borde en los cuatro lados, tendrás que meter 4 div anidados, lo cual no es la solución más óptima ni agradable, ya que incluyes código innecesario y te obliga a tener que manejar cuatro estilos en lugar de uno. Lo ideal sería que border admitiría un tipo image, además de los dotted, dashed y demás. Y que yo sepa, no se puede. Saludos. - Alex - --- Ramon Pravia [EMAIL PROTECTED] wrote: Oriol Puig escribió (Thu, 31 Mar 2005 11:01:13 +0200): estoy maquetando una web y tengo una duda sobre si es posible algo en Css. ¿Es posible utilizar una imagen como border? Quiero hacer un borde de puntos para un div no me satisface la opción dashed ya que cambia en Internet Explorer. ¿Alguien sabe si eso es posible y si lo fuera como debería escribirlo en la hoja de estilos? Sí se puede y es bastante simple. Pongamos que quieres poner un borde punteado en la parte de abajo de un div (quien dice punteado dice una sombrita o algo así ;) Creas la imagen, y la pones como fondo del div, posicionada abajo y repetida horizontalmente. background:url(imagen.png) bottom repeat-x; un saludo ___ 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 __ Renovamos el Correo Yahoo!: ¡250 MB GRATIS! Nuevos servicios, más seguridad http://correo.yahoo.es ___ 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
