Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5

[Nestali Guerrero]

Efectivamente, PIE htc es una de las mejores formas para utilizar css3,
incluyendo el siempre jodido moviviento de capas en IE, y siendo casi
necesario el buen uso de la propiedad position:relative, ésto y z-index.

En caso de html5 y pie, no he podido ver casos en los que haya tenido que
utilizar otro método para solucionarlo. Saludos!

El 30 de junio de 2011 12:25, Modesto Caballero escribió:

> Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que
> se
> muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE.
>
> Ánimo, paciencia y suerte :D
>
> 2011/6/29 Marcos Lorca 
>
> >
> > Para resolver el tema de los bordes redondeados generalmente uso con muy
> > buenos resultados algún Script de jQuery, asi te evitas las declarciones
> > distintas para cada browser.
> >
> > Busca en google "Curvycorners.js"
> >
> >
> > Saludos y éxito
> >
> > Marcos
> >
> >
> > > Date: Wed, 29 Jun 2011 15:24:36 -0300
> > > From: her...@saberweb.com.ar
> > > To: ovillo@lists.ovillo.org
> > > Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
> > >
> > > > Lo que te indican, es que agregues modernizr para que interprete las
> > > > etiquetas html5 (internet explorer) y pruebes a ver si funciona.
> > > >
> > >
> > > En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y
> > funciona.
> > >
> > > Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema
> > es
> > > que no redondea los bordes dentro de esas etiquetas, aunque sí los
> > > redondea fuera de ellas.
> > >
> > > --
> > > Hernán Beati
> > > http://www.saberweb.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://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
> >
> ___
> 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] Bordes redondeados CSS3 dentro de elementos HTML5

[Martin Etxauri]

Los caminos de IE son inescrutables :)
tremendo... y muy lógico todo ;D
(que la tendrá, pero fuera del alcance de los humanos).

El 30/06/2011, a las 12:25, Modesto Caballero escribió:

> Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que se
> muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE.
> 
> Ánimo, paciencia y suerte :D
> 
> 2011/6/29 Marcos Lorca 
> 
>> 
>> Para resolver el tema de los bordes redondeados generalmente uso con muy
>> buenos resultados algún Script de jQuery, asi te evitas las declarciones
>> distintas para cada browser.
>> 
>> Busca en google "Curvycorners.js"
>> 
>> 
>> Saludos y éxito
>> 
>> Marcos
>> 
>> 
>>> Date: Wed, 29 Jun 2011 15:24:36 -0300
>>> From: her...@saberweb.com.ar
>>> To: ovillo@lists.ovillo.org
>>> Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
>>> 
>>>> Lo que te indican, es que agregues modernizr para que interprete las
>>>> etiquetas html5 (internet explorer) y pruebes a ver si funciona.
>>>> 
>>> 
>>> En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y
>> funciona.
>>> 
>>> Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema
>> es
>>> que no redondea los bordes dentro de esas etiquetas, aunque sí los
>>> redondea fuera de ellas.
>>> 
>>> --
>>> Hernán Beati
>>> http://www.saberweb.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://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
>> 
> ___
> 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] Bordes redondeados CSS3 dentro de elementos HTML5

[Modesto Caballero]

Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que se
muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE.

Ánimo, paciencia y suerte :D

2011/6/29 Marcos Lorca 

>
> Para resolver el tema de los bordes redondeados generalmente uso con muy
> buenos resultados algún Script de jQuery, asi te evitas las declarciones
> distintas para cada browser.
>
> Busca en google "Curvycorners.js"
>
>
> Saludos y éxito
>
> Marcos
>
>
> > Date: Wed, 29 Jun 2011 15:24:36 -0300
> > From: her...@saberweb.com.ar
> > To: ovillo@lists.ovillo.org
> > Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
> >
> > > Lo que te indican, es que agregues modernizr para que interprete las
> > > etiquetas html5 (internet explorer) y pruebes a ver si funciona.
> > >
> >
> > En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y
> funciona.
> >
> > Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema
> es
> > que no redondea los bordes dentro de esas etiquetas, aunque sí los
> > redondea fuera de ellas.
> >
> > --
> > Hernán Beati
> > http://www.saberweb.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://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
>
___
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] Bordes redondeados CSS3 dentro de elementos HTML5

[Marcos Lorca]

Para resolver el tema de los bordes redondeados generalmente uso con muy buenos 
resultados algún Script de jQuery, asi te evitas las declarciones distintas 
para cada browser.

Busca en google "Curvycorners.js"


Saludos y éxito

Marcos
 

> Date: Wed, 29 Jun 2011 15:24:36 -0300
> From: her...@saberweb.com.ar
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
> 
> > Lo que te indican, es que agregues modernizr para que interprete las
> > etiquetas html5 (internet explorer) y pruebes a ver si funciona.
> >
> 
> En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y funciona.
> 
> Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema es
> que no redondea los bordes dentro de esas etiquetas, aunque sí los
> redondea fuera de ellas.
> 
> --
> Hernán Beati
> http://www.saberweb.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://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] Bordes redondeados CSS3 dentro de elementos HTML5

[Eddie]

A mí a veces me lo arregla ponerle position:relative a esos elementos.
Es como magia y no siempre funciona, así que si lo hace ni me
preguntes :-)

Saludos

-- 
Eddie
___
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] Bordes redondeados CSS3 dentro de elementos HTML5

[Hernán Beati]

> Lo que te indican, es que agregues modernizr para que interprete las
> etiquetas html5 (internet explorer) y pruebes a ver si funciona.
>

En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y funciona.

Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema es
que no redondea los bordes dentro de esas etiquetas, aunque sí los
redondea fuera de ellas.

--
Hernán Beati
http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5

[Martín Moscardi]

No estas diciendo que la propiedad border-radius no te funciona en IE
unicamente cuando esta dentro de una etiqueta HTML 5?. (ya que para que
interprete css3 estas usando un .js).

Lo que te indican, es que agregues modernizr para que interprete las
etiquetas html5 (internet explorer) y pruebes a ver si funciona.



2011/6/29 Hernán Beati 

> > Prueba el script modernizer.js para que Explorer entienda HTML5. Creo que
> > es
> > para eso tambien
> >
>
> Gracias, pero Modernizr solo "detecta" si está presente la propiedad que
> intentamos usar (en este caso, "border-radius"), pero no "fabrica" la
> posibilidad de usar border-radius y que se vea en Explorers.
>
> En la página de polyfills de Modernizr:
> https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
>
> en la sección sobre CSS3 Styles, mencionan que se puede agregar la
> propiedad border-radius en Explorer únicamente con CSS3PIE, pero eso ya lo
> probé, y pasa lo mismo que planteaba yo de entrada: fuera de article, etc.
> redondea a la perfección los bordes en Explorer, pero dentro de article,
> aside, etc. no los redondea.
>
> ¿Alguien se ha encontrado con el mismo problema?
>
> Ver ejemplo:
> http://www.saberweb.com.ar/prueba/bordes/index.html
>
> Muchas gracias,
>
> --
> Hernán Beati
> http://www.saberweb.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://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] Bordes redondeados CSS3 dentro de elementos HTML5

[Hernán Beati]

> Prueba el script modernizer.js para que Explorer entienda HTML5. Creo que
> es
> para eso tambien
>

Gracias, pero Modernizr solo "detecta" si está presente la propiedad que
intentamos usar (en este caso, "border-radius"), pero no "fabrica" la
posibilidad de usar border-radius y que se vea en Explorers.

En la página de polyfills de Modernizr:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

en la sección sobre CSS3 Styles, mencionan que se puede agregar la
propiedad border-radius en Explorer únicamente con CSS3PIE, pero eso ya lo
probé, y pasa lo mismo que planteaba yo de entrada: fuera de article, etc.
redondea a la perfección los bordes en Explorer, pero dentro de article,
aside, etc. no los redondea.

¿Alguien se ha encontrado con el mismo problema?

Ver ejemplo:
http://www.saberweb.com.ar/prueba/bordes/index.html

Muchas gracias,

--
Hernán Beati
http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5

[Andrés gutiérrez]

Prueba el script modernizer.js para que Explorer entienda HTML5. Creo que es
para eso tambien

El 29 de junio de 2011 19:18, Hernán Beati escribió:

> Hola a todos!
> En una página HTML5, estoy intentando redondear bordes para que sean
> compatibles con Explorer, usando un conocido script: "border-radius.htc".
>
> Si los elementos a redondear están "fuera" de cualquier etiqueta de HTML5
> (article, header, footer, etc.) el redondeado funciona perfectamente. Pero
> si los elementos a redondear están "dentro" de alguna nueva etiqueta de
> HTML5, ya no funciona el redondeado. Incluso probé con otro script,
> "PIE.htc", y pasa exactamente lo mismo...
>
> Ver en:
> http://www.saberweb.com.ar/prueba/bordes/index.html
> (verlo con Explorer, obviamente).
>
> Esa página contiene algunos bloques sueltos en el body, que sí los
> redondea, y otros dentro de article, header, footer, etc. que no los
> redondea...
>
> Utilicé un script (html5shiv) para lograr que Explorer reconozca las
> nuevas etiquetas HTML5.
>
> ¿Alguien se encontró con este mismo problema? ¿Tiene solución?
>
> Muchas gracias!
>
> --
> Hernán Beati
> http://www.saberweb.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://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] Bordes

[Ivan Pérez]

Oh, no lo sabia, yo encontre que es solo para "border-width" que funcione *
medium*

http://www.w3schools.com/css/css_border.asp

perdon por mi error


El 26 de agosto de 2010 14:40, Aldo Coria  escribió:

> La propiedad "medium" sí es standard, como lo es "thin","thick", etc...
>
> El 26 de agosto de 2010 16:16, Ivan Pérez  escribió:
>
> > quizas la propiedad "medium" no es estandar, es exclusivo para IE
> >
> >
> >
> > El 26 de agosto de 2010 13:20, Aldo Coria 
> > escribió:
> >
> > > Hola,
> > > qué tal?
> > >
> > > border-bottom: 1px solid #336699;
> > > border-right: 1px solid #336699;
> > >
> > > Probá así.
> > >
> > > Saludos,
> > > Aldo Coria.
> > >
> > > El 26 de agosto de 2010 15:15, Fabio Acosta Barrientos <
> > > acosta_barrien...@hotmail.com> escribió:
> > >
> > > >
> > > > Buenas, es para ver si me pueden orientar en el uso del css
> > > >
> > > > para lo que es iE y el firefoz,
> > > >
> > > >
> > > >
> > > > necesito colocarle a un celda un borde en la parte inferior y del
> lado
> > > > derecho,
> > > >
> > > > lo que utilice fue lo siguiente:
> > > >
> > > >
> > > >
> > > > border-bottom:#336699 medium solid 1px;
> > > > border-right:#336699 medium solid 1px;
> > > >
> > > >
> > > >
> > > > en el iE si lo puedo ver tal y como yo quiero,
> > > >
> > > > pero a la hora de verlo en Firefox no me sale el borde...
> > > >
> > > >
> > > >
> > > > no se si será otro tipo de codigo que se utilizará a ver si me
> > pueden
> > > > ayudar
> > > >
> > > >
> > > >
> > > > Atte
> > > >
> > > > Fabio
> > > >
> > > > ___
> > > > 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
> > >
> > ___
> > 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
>
___
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] Bordes

[Helmán]

Tambien hay un orden o combinacion y una de las tres posibles combinaciones
da error, por eso siempre uso border:1px solid blue;
___
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] Bordes

[Jorge Noricumbo]

el problema es que "medium" y 1px sirven para lo mismo pero diferente.. las dos 
afectan el grosor de la línea y uno es más exacto que el otro, usarlos juntos 
en 
firefox los invalida ;)
 --
Jorge Noricumbo



- Original Message 
> From: Fabio Acosta Barrientos 
> To: ovillo@lists.ovillo.org
> Sent: Thu, August 26, 2010 2:41:51 PM
> Subject: Re: [Ovillo] Bordes
> 
> 
> ok, muchas gracias
> 
> 
> 
> desconocia eso de verdad...
> 
> 
> 
> 
> 
> > Date: Thu, 26 Aug 2010 16:40:56 -0300
> > From: aldo.co...@globant.com
> > To: ovillo@lists.ovillo.org
> >  Subject: Re: [Ovillo] Bordes
> > 
> > La propiedad "medium" sí es  standard, como lo es "thin","thick", etc...
> > 
> > El 26 de agosto de  2010 16:16, Ivan Pérez  escribió:
> > 
> > > quizas la propiedad "medium" no es estandar, es exclusivo para  IE
> > >
> > >
> > >
> > > El 26 de agosto de 2010  13:20, Aldo Coria 
> > >  escribió:
> > >
> > > > Hola,
> > > > qué  tal?
> > > >
> > > > border-bottom: 1px solid  #336699;
> > > > border-right: 1px solid #336699;
> > >  >
> > > > Probá así.
> > > >
> > > >  Saludos,
> > > > Aldo Coria.
> > > >
> > > > El 26  de agosto de 2010 15:15, Fabio Acosta Barrientos <
> > > > acosta_barrien...@hotmail.com>  escribió:
> > > >
> > > > >
> > > > >  Buenas, es para ver si me pueden orientar en el uso del css
> > > >  >
> > > > > para lo que es iE y el firefoz,
> > > >  >
> > > > >
> > > > >
> > > > >  necesito colocarle a un celda un borde en la parte inferior y del 
lado
> >  > > > derecho,
> > > > >
> > > > > lo que  utilice fue lo siguiente:
> > > > >
> > > > >
> >  > > >
> > > > > border-bottom:#336699 medium solid  1px;
> > > > > border-right:#336699 medium solid 1px;
> > >  > >
> > > > >
> > > > >
> > > > >  en el iE si lo puedo ver tal y como yo quiero,
> > > > >
> >  > > > pero a la hora de verlo en Firefox no me sale el borde...
> >  > > >
> > > > >
> > > > >
> > > >  > no se si será otro tipo de codigo que se utilizará a ver si me
> >  > pueden
> > > > > ayudar
> > > > >
> > >  > >
> > > > >
> > > > > Atte
> > > >  >
> > > > > Fabio
> > > > >
> > > > >  ___
> > > > > 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
> > > >
> >  > ___
> > > 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
>  
> ___
> 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] Bordes

[Fabio Acosta Barrientos]

ok, muchas gracias

 

desconocia eso de verdad...

 


 
> Date: Thu, 26 Aug 2010 16:40:56 -0300
> From: aldo.co...@globant.com
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] Bordes
> 
> La propiedad "medium" sí es standard, como lo es "thin","thick", etc...
> 
> El 26 de agosto de 2010 16:16, Ivan Pérez  escribió:
> 
> > quizas la propiedad "medium" no es estandar, es exclusivo para IE
> >
> >
> >
> > El 26 de agosto de 2010 13:20, Aldo Coria 
> > escribió:
> >
> > > Hola,
> > > qué tal?
> > >
> > > border-bottom: 1px solid #336699;
> > > border-right: 1px solid #336699;
> > >
> > > Probá así.
> > >
> > > Saludos,
> > > Aldo Coria.
> > >
> > > El 26 de agosto de 2010 15:15, Fabio Acosta Barrientos <
> > > acosta_barrien...@hotmail.com> escribió:
> > >
> > > >
> > > > Buenas, es para ver si me pueden orientar en el uso del css
> > > >
> > > > para lo que es iE y el firefoz,
> > > >
> > > >
> > > >
> > > > necesito colocarle a un celda un borde en la parte inferior y del lado
> > > > derecho,
> > > >
> > > > lo que utilice fue lo siguiente:
> > > >
> > > >
> > > >
> > > > border-bottom:#336699 medium solid 1px;
> > > > border-right:#336699 medium solid 1px;
> > > >
> > > >
> > > >
> > > > en el iE si lo puedo ver tal y como yo quiero,
> > > >
> > > > pero a la hora de verlo en Firefox no me sale el borde...
> > > >
> > > >
> > > >
> > > > no se si será otro tipo de codigo que se utilizará a ver si me
> > pueden
> > > > ayudar
> > > >
> > > >
> > > >
> > > > Atte
> > > >
> > > > Fabio
> > > >
> > > > ___
> > > > 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
> > >
> > ___
> > 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
  
___
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] Bordes

[Aldo Coria]

La propiedad "medium" sí es standard, como lo es "thin","thick", etc...

El 26 de agosto de 2010 16:16, Ivan Pérez  escribió:

> quizas la propiedad "medium" no es estandar, es exclusivo para IE
>
>
>
> El 26 de agosto de 2010 13:20, Aldo Coria 
> escribió:
>
> > Hola,
> > qué tal?
> >
> > border-bottom: 1px solid #336699;
> > border-right: 1px solid #336699;
> >
> > Probá así.
> >
> > Saludos,
> > Aldo Coria.
> >
> > El 26 de agosto de 2010 15:15, Fabio Acosta Barrientos <
> > acosta_barrien...@hotmail.com> escribió:
> >
> > >
> > > Buenas, es para ver si me pueden orientar en el uso del css
> > >
> > > para lo que es iE y el firefoz,
> > >
> > >
> > >
> > > necesito colocarle a un celda un borde en la parte inferior y del lado
> > > derecho,
> > >
> > > lo que utilice fue lo siguiente:
> > >
> > >
> > >
> > > border-bottom:#336699 medium solid 1px;
> > > border-right:#336699 medium solid 1px;
> > >
> > >
> > >
> > > en el iE si lo puedo ver tal y como yo quiero,
> > >
> > > pero a la hora de verlo en Firefox no me sale el borde...
> > >
> > >
> > >
> > > no se si será otro tipo de codigo que se utilizará a ver si me
> pueden
> > > ayudar
> > >
> > >
> > >
> > > Atte
> > >
> > > Fabio
> > >
> > > ___
> > > 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
> >
> ___
> 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] Bordes

[Ivan Pérez]

quizas la propiedad "medium" no es estandar, es exclusivo para IE



El 26 de agosto de 2010 13:20, Aldo Coria  escribió:

> Hola,
> qué tal?
>
> border-bottom: 1px solid #336699;
> border-right: 1px solid #336699;
>
> Probá así.
>
> Saludos,
> Aldo Coria.
>
> El 26 de agosto de 2010 15:15, Fabio Acosta Barrientos <
> acosta_barrien...@hotmail.com> escribió:
>
> >
> > Buenas, es para ver si me pueden orientar en el uso del css
> >
> > para lo que es iE y el firefoz,
> >
> >
> >
> > necesito colocarle a un celda un borde en la parte inferior y del lado
> > derecho,
> >
> > lo que utilice fue lo siguiente:
> >
> >
> >
> > border-bottom:#336699 medium solid 1px;
> > border-right:#336699 medium solid 1px;
> >
> >
> >
> > en el iE si lo puedo ver tal y como yo quiero,
> >
> > pero a la hora de verlo en Firefox no me sale el borde...
> >
> >
> >
> > no se si será otro tipo de codigo que se utilizará a ver si me pueden
> > ayudar
> >
> >
> >
> > Atte
> >
> > Fabio
> >
> > ___
> > 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
>
___
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] Bordes

[Aldo Coria]

Hola,
qué tal?

border-bottom: 1px solid #336699;
border-right: 1px solid #336699;

Probá así.

Saludos,
Aldo Coria.

El 26 de agosto de 2010 15:15, Fabio Acosta Barrientos <
acosta_barrien...@hotmail.com> escribió:

>
> Buenas, es para ver si me pueden orientar en el uso del css
>
> para lo que es iE y el firefoz,
>
>
>
> necesito colocarle a un celda un borde en la parte inferior y del lado
> derecho,
>
> lo que utilice fue lo siguiente:
>
>
>
> border-bottom:#336699 medium solid 1px;
> border-right:#336699 medium solid 1px;
>
>
>
> en el iE si lo puedo ver tal y como yo quiero,
>
> pero a la hora de verlo en Firefox no me sale el borde...
>
>
>
> no se si será otro tipo de codigo que se utilizará a ver si me pueden
> ayudar
>
>
>
> Atte
>
> Fabio
>
> ___
> 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] Bordes Redondeados

[Mauricio Dulce]

Vale, Gracias a todos y si justamente lo saque e aknieto


El Jul 20, 2009, a las 4:21 AM, Daniel Navarro escribió:

> Tanto Ignacio como Alejandro tienen razón. IE8 no admite
> -ms-border-radius, así que ni modo IE8 ni nada. Te pido disculpas, lo
> leí en 
> http://www.clubdesarrolladores.com/articulos/mostrar/43-esquinas-redondeadas-round-corners-en-todos-los-navegadores
>
> Aquí tienes otra solución para IE, que hace uso de un archivo htc:
>  http://www.htmlremix.com/css/curved-corner-border-radius-cross- 
> browser
> pero no es perfecta y cuando la he probado me ha fallado en IE8 (en  
> modo IE8).
>
> Saludos.
>
> El 19 de julio de 2009 23:54, Daniel Navarro  
> escribió:
>> Hola, Mauricio.
>>
>> Ahora mismo no estoy delante de un ordenador que tenga IE8, por lo  
>> que
>> no he probado, pero creo que -ms-border-radius sólo funciona en IE8
>> cuando no está en modo de compatibilidad con IE7, sino en modo IE8.
>> Prueba a añadir la siguiente metaetiqueta:
>>
>>  
>>
>>
>> Por otro lado, como primera declaración dentro de la regla para el
>> borde redondeado usas
>>  border-radius: 3px 3px 0 0;
>> pero el método abreviado para esta propiedad admite sólo uno o dos
>> valores, no cuatro como tú indicas. Tienes la sintaxis en
>>  http://www.w3.org/TR/2002/WD-css3-border-20021107/#border-radius
>>
>> Saludos.
>>
>>
>> El 18 de julio de 2009 18:54, Mauricio  
>> Dulce escribió:
>>> Hola, buscando en google encontré que internet explorer 8 soporta  
>>> esta
>>> sintaxis, pero al verla en dicho navegador este no las toma, alguien
>>> que me pueda orientar un poco mas sobre el tema.  Recurrí a esto,  
>>> por
>>> que el sitio que estoy maquetando esta hecho en .net y ya saben lo
>>> engorroso que puede llegar a ser a la hora de tocar el código sin
>>> tener el source y que es generado por un controlador, no puedo usar
>>> javascript por que los ingenieros dicen que eso cargaría aun mas la
>>> aplicación, así que lo único que se me ocurrió fue intentar con css3
>>> ya que internet explorer 6 y 7 no están contemplados en los
>>> requerimientos del proyecto ya que es una intranet de un partner de
>>> microsoft.
>>>
>>> CSS:
>>>border-radius: 3px 3px 0 0;
>>>-ms-border-radius-topleft: 3px; /*IE8*/
>>>-ms-border-radius-topright: 3px;/*IE8*/
>>>-moz-border-radius: 3px 3px 0 0;
>>>-khtml-border-radius-topleft:3px;
>>>-khtml-border-radius-topright:3px;
>>>-webkit-border-top-right-radius: 3px;
>>>-webkit-border-top-left-radius: 3px;
>>>
>>>
>>> gracias
>>> Mauricio Dulce
>>> UI/UX Designer-Developer HTML CSS
>>> Móvil: (57) 312 519 0288
>>> Teléfono: (571) 2746831
>>> Email: mauricio.du...@gmail.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
>>>
>>
> ___
> 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] Bordes Redondeados

[Daniel Navarro]

Tanto Ignacio como Alejandro tienen razón. IE8 no admite
-ms-border-radius, así que ni modo IE8 ni nada. Te pido disculpas, lo
leí en 
http://www.clubdesarrolladores.com/articulos/mostrar/43-esquinas-redondeadas-round-corners-en-todos-los-navegadores

Aquí tienes otra solución para IE, que hace uso de un archivo htc:
  http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
pero no es perfecta y cuando la he probado me ha fallado en IE8 (en modo IE8).

Saludos.

El 19 de julio de 2009 23:54, Daniel Navarro escribió:
> Hola, Mauricio.
>
> Ahora mismo no estoy delante de un ordenador que tenga IE8, por lo que
> no he probado, pero creo que -ms-border-radius sólo funciona en IE8
> cuando no está en modo de compatibilidad con IE7, sino en modo IE8.
> Prueba a añadir la siguiente metaetiqueta:
>
>  
>
>
> Por otro lado, como primera declaración dentro de la regla para el
> borde redondeado usas
>  border-radius: 3px 3px 0 0;
> pero el método abreviado para esta propiedad admite sólo uno o dos
> valores, no cuatro como tú indicas. Tienes la sintaxis en
>  http://www.w3.org/TR/2002/WD-css3-border-20021107/#border-radius
>
> Saludos.
>
>
> El 18 de julio de 2009 18:54, Mauricio Dulce 
> escribió:
>> Hola, buscando en google encontré que internet explorer 8 soporta esta
>> sintaxis, pero al verla en dicho navegador este no las toma, alguien
>> que me pueda orientar un poco mas sobre el tema.  Recurrí a esto, por
>> que el sitio que estoy maquetando esta hecho en .net y ya saben lo
>> engorroso que puede llegar a ser a la hora de tocar el código sin
>> tener el source y que es generado por un controlador, no puedo usar
>> javascript por que los ingenieros dicen que eso cargaría aun mas la
>> aplicación, así que lo único que se me ocurrió fue intentar con css3
>> ya que internet explorer 6 y 7 no están contemplados en los
>> requerimientos del proyecto ya que es una intranet de un partner de
>> microsoft.
>>
>> CSS:
>>        border-radius: 3px 3px 0 0;
>>        -ms-border-radius-topleft: 3px; /*IE8*/
>>        -ms-border-radius-topright: 3px;/*IE8*/
>>        -moz-border-radius: 3px 3px 0 0;
>>        -khtml-border-radius-topleft:3px;
>>        -khtml-border-radius-topright:3px;
>>        -webkit-border-top-right-radius: 3px;
>>        -webkit-border-top-left-radius: 3px;
>>
>>
>> gracias
>> Mauricio Dulce
>> UI/UX Designer-Developer HTML CSS
>> Móvil: (57) 312 519 0288
>> Teléfono: (571) 2746831
>> Email: mauricio.du...@gmail.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
>>
>
___
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] Bordes Redondeados

[A. Gonzalo Bravo]

Saludos.

Eso de que Internet Explorer implementó las esquinas redondeadas 
mediante -ms-border-radius es mentira. Todo surgió en un post sobre el 
blog oficial de internet explorer [1], y entre los muchos comentarios 
que había, se hablaba de ese asunto. Pero en ningún momento el equipo de 
ie ha dicho que lo soporta.

Y entre la blogocosa hispana, alguien lo utilizó en un ejemplo de código 
[2], pero el ejemplo no era real, era ficticio. Como curiosidad, en los 
comentarios se decía que funcionaba:

-ms-border-radius: 0px 0px 0px 0px; <– IE 8

y a mí, sinceramente, me hizo mucha gracia, porque obviamente se trataba 
de un chiste, ¿no? :)

Saludos.
Gonzalo

PD: Anieto2k, si estás en la lista, revisa el post, y comprueba los 
comentarios.

[1] Microsoft CSS Vendor Extensions
http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx

[2] Microsoft Internet Explorer 8 y los prefijos CSS
http://www.anieto2k.com/2008/09/09/microsoft-internet-explorer-8-y-los-prefijos-css/

Mauricio Dulce escribió:
> Hola, buscando en google encontré que internet explorer 8 soporta esta  
> sintaxis, pero al verla en dicho navegador este no las toma, alguien  
> que me pueda orientar un poco mas sobre el tema.  Recurrí a esto, por  
> que el sitio que estoy maquetando esta hecho en .net y ya saben lo  
> engorroso que puede llegar a ser a la hora de tocar el código sin  
> tener el source y que es generado por un controlador, no puedo usar  
> javascript por que los ingenieros dicen que eso cargaría aun mas la  
> aplicación, así que lo único que se me ocurrió fue intentar con css3  
> ya que internet explorer 6 y 7 no están contemplados en los  
> requerimientos del proyecto ya que es una intranet de un partner de  
> microsoft.
>
> CSS:
>   border-radius: 3px 3px 0 0;
>   -ms-border-radius-topleft: 3px; /*IE8*/
>   -ms-border-radius-topright: 3px;/*IE8*/
>   -moz-border-radius: 3px 3px 0 0;
>   -khtml-border-radius-topleft:3px;
>   -khtml-border-radius-topright:3px;
>   -webkit-border-top-right-radius: 3px;
>   -webkit-border-top-left-radius: 3px;
>
>
> gracias
> Mauricio Dulce
> UI/UX Designer-Developer HTML CSS
> Móvil: (57) 312 519 0288
> Teléfono: (571) 2746831
> Email: mauricio.du...@gmail.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
>
>   

___
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] Bordes Redondeados

[Daniel Navarro]

Hola, Mauricio.

Ahora mismo no estoy delante de un ordenador que tenga IE8, por lo que
no he probado, pero creo que -ms-border-radius sólo funciona en IE8
cuando no está en modo de compatibilidad con IE7, sino en modo IE8.
Prueba a añadir la siguiente metaetiqueta:

  


Por otro lado, como primera declaración dentro de la regla para el
borde redondeado usas
  border-radius: 3px 3px 0 0;
pero el método abreviado para esta propiedad admite sólo uno o dos
valores, no cuatro como tú indicas. Tienes la sintaxis en
  http://www.w3.org/TR/2002/WD-css3-border-20021107/#border-radius

Saludos.


El 18 de julio de 2009 18:54, Mauricio Dulce escribió:
> Hola, buscando en google encontré que internet explorer 8 soporta esta
> sintaxis, pero al verla en dicho navegador este no las toma, alguien
> que me pueda orientar un poco mas sobre el tema.  Recurrí a esto, por
> que el sitio que estoy maquetando esta hecho en .net y ya saben lo
> engorroso que puede llegar a ser a la hora de tocar el código sin
> tener el source y que es generado por un controlador, no puedo usar
> javascript por que los ingenieros dicen que eso cargaría aun mas la
> aplicación, así que lo único que se me ocurrió fue intentar con css3
> ya que internet explorer 6 y 7 no están contemplados en los
> requerimientos del proyecto ya que es una intranet de un partner de
> microsoft.
>
> CSS:
>        border-radius: 3px 3px 0 0;
>        -ms-border-radius-topleft: 3px; /*IE8*/
>        -ms-border-radius-topright: 3px;/*IE8*/
>        -moz-border-radius: 3px 3px 0 0;
>        -khtml-border-radius-topleft:3px;
>        -khtml-border-radius-topright:3px;
>        -webkit-border-top-right-radius: 3px;
>        -webkit-border-top-left-radius: 3px;
>
>
> gracias
> Mauricio Dulce
> UI/UX Designer-Developer HTML CSS
> Móvil: (57) 312 519 0288
> Teléfono: (571) 2746831
> Email: mauricio.du...@gmail.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
>
___
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] Bordes Redondeados

[Ignacio Ricci]

Yo tengo entendido que no existe el ms-border-radius...
2009/7/18 Mauricio Dulce 

> Hola, buscando en google encontré que internet explorer 8 soporta esta
> sintaxis, pero al verla en dicho navegador este no las toma, alguien
> que me pueda orientar un poco mas sobre el tema.  Recurrí a esto, por
> que el sitio que estoy maquetando esta hecho en .net y ya saben lo
> engorroso que puede llegar a ser a la hora de tocar el código sin
> tener el source y que es generado por un controlador, no puedo usar
> javascript por que los ingenieros dicen que eso cargaría aun mas la
> aplicación, así que lo único que se me ocurrió fue intentar con css3
> ya que internet explorer 6 y 7 no están contemplados en los
> requerimientos del proyecto ya que es una intranet de un partner de
> microsoft.
>
> CSS:
>border-radius: 3px 3px 0 0;
>-ms-border-radius-topleft: 3px; /*IE8*/
>-ms-border-radius-topright: 3px;/*IE8*/
>-moz-border-radius: 3px 3px 0 0;
>-khtml-border-radius-topleft:3px;
>-khtml-border-radius-topright:3px;
>-webkit-border-top-right-radius: 3px;
>-webkit-border-top-left-radius: 3px;
>
>
> gracias
> Mauricio Dulce
> UI/UX Designer-Developer HTML CSS
> Móvil: (57) 312 519 0288
> Teléfono: (571) 2746831
> Email: mauricio.du...@gmail.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
>



-- 
↓۝ 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] bordes con css

[Almorca]

A lo mejor esto (
http://dtott.com/thoughts/2008/03/17/auto-cropping-rounded-corners/ ) te
sirve pero mientras no llegue css 3 y su propiedad border-radius no hay
soluciones mágicas: o usas javascript o usas css y un html con un montón de
div.

2008/5/21 Javier Cosano <[EMAIL PROTECTED]>:

> 2008/5/20 Javier Cosano <[EMAIL PROTECTED]>:
>
> > hola,
> >
> > me gustaría saber que tengo que hacer en CSS para que los bordes de una
> > caja se me vean tanto en explorer como firefox dándole la altura a la
> caja
> > en tanto por ciento
> >
> ___
> 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
>



-- 
We don't need no education - Pink Floyd
___
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] bordes con css

[Enric Moix]

qué explorer, el 7? Es imposoble.
___
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] bordes con css

[Javier Cosano]

2008/5/20 Javier Cosano <[EMAIL PROTECTED]>:

> hola,
>
> me gustaría saber que tengo que hacer en CSS para que los bordes de una
> caja se me vean tanto en explorer como firefox dándole la altura a la caja
> en tanto por ciento
>
___
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] Bordes para texto

[stripTM]

Rodrigo Álvarez Virgós escribió:
> Hola, Ovillo
>
> Por motivos de diseño necesito mostrar unos números con distinto color 
> de fondo y borde, algo parecido a lo siguiente:
> http://www.vitalcama.es/10.jpg
>
> Nunca me lo había planteado, pero ¿se puede dar color de borde a un 
> texto? Imagino que la respuesta es no, y que tendré que recurrir a 
> imágenes, pero igual sí se puede y alguien me ilustra con su 
> sabiduría... :-P
>
>   
En CSS2 intentaron introducir algo parecido pero no lo implemento casi 
ningún navegador y en 2.1 optaron por eliminar esta propiedad 
http://www.sidar.org/recur/desdi/traduc/es/css/text.html#propdef-text-shadow

Como te han dicho para tener un control mayor control sobre las fuentes 
sin perder demasiada accesibilidad en el documento lo mejor es usar sIFR.

Si te pones a leer verás que el tema de tipografías es complicado por el 
tema de las patentes ya que el 'instalar' una fuente en un cliente que 
no ha pasado por caja (y esos son los que visitan tu página) se puede 
ver como una cesión de esa fuente, con lo cual tu tendrías que comprar 
dicha fuente con permisos para cederla ya que el cliente podría 
utilizarla para escribir otras cosas (esto en el mundo del papel es más 
complicado, ocurre solo con los secuestradores cuando mandan anónimos 
con recortes de revistas, jejeje).


-- 
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] Bordes para texto

[Pamela Zuloaga]

Hola!
 
Podrías usar sIFR. Combina css, javascript y flash para embeber fuentes y 
reemplazar elementos de texto. No afecta a la accesibilidad ya que, si el 
usuario no tiene javascript o flash, se verá el texto ( los numeros en este 
caso) con la fuente de sistema y tamaño que hayas asignado en la hoja de 
estilos. Es sencillo y muy divertido :)
 
Más info aqui:
http://www.disenorama.com/tutoriales/manual-sifr-paso-a-paso
 
Un saludo!



De: [EMAIL PROTECTED] en nombre de Rodrigo Álvarez Virgós
Enviado el: mié 26/09/2007 10:54
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Bordes para texto



Hola, Jaume
> Tiene pinta de lista?
No, si una lista es...
> De todas formas sobre el borde , no se pero porque no
> dar border.
> p{
> padding:5px;
> border:1px solid #f00;
> }
>  
Me refiero a dar un reborde a cada letra por separado (fíjate en la
imagen), no al contenedor de todas las letras!!
> El día 26/09/07, Rodrigo Álvarez Virgós <[EMAIL PROTECTED]> escribió:
>  
>> Hola, Ovillo
>>
>> Por motivos de diseño necesito mostrar unos números con distinto color
>> de fondo y borde, algo parecido a lo siguiente:
>> http://www.vitalcama.es/10.jpg
>>
>> Nunca me lo había planteado, pero ¿se puede dar color de borde a un
>> texto? Imagino que la respuesta es no, y que tendré que recurrir a
>> imágenes, pero igual sí se puede y alguien me ilustra con su
>> sabiduría... :-P

___
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] Bordes para texto

[Tei]

En cualquier caso, algo que tienes que tener en cuenta es que no es lo
mismo ser mas gordo, que ser mas grande.  Mas grande != Mas gordo.

Un ejemplo aqui:
http://telejano.berlios.de/option/bigfat.gif

Aqui ves la misma figura mas gorda, comparada con la misma figura mas
grande. La figura normal no cabe dentro de la figura mas grande. Pero
cabe dentro de la figura mas gorda.

Los gordos no son grandes personas, son simplemente gente pequeña con
mucha grasa alrededor.

¡ajaja.. os he desemascarado!. Pequeños petrimetres.


On 9/26/07, Rodrigo Álvarez Virgós <[EMAIL PROTECTED]> wrote:
> Hola, Ovillo
>
> Por motivos de diseño necesito mostrar unos números con distinto color
> de fondo y borde, algo parecido a lo siguiente:
> http://www.vitalcama.es/10.jpg
>
> Nunca me lo había planteado, pero ¿se puede dar color de borde a un
> texto? Imagino que la respuesta es no, y que tendré que recurrir a
> imágenes, pero igual sí se puede y alguien me ilustra con su
> sabiduría... :-P
> ___
> 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] Bordes para texto

[LISTAS]

¡¡¡Caray, es espeluznante!!! Me hace recordar a mi viejo artilugio de un
script que detectaba si tal fuente estaba o no cargada en el sistema del
usuario y, en caso negativo, reemplazaba la fuente por una imagen.
El problema residía en que sólo funcionaba sobre Explorer y sobre Windows...
:(
Otra opción que implementé con algunos clientes fue la de ofrecerle al
usuario desde la página de inicio (portada, home, etc.) las fuentes
necesarias para visualizar correctamente cada sitio en cuestión.
Esta última opción implicaba un poco de participación del usuario, lo que lo
hacía interactiva a partir de un popup con las instrucciones pertinentes y
las fuentes a descargar. Y de paso, le regalaba fuentes TrueType como yapa
complementaria... :)
Pero esto de reemplazar una fuente determinada, y con todas las aplicaciones
de estilo habidas y por haber tal como lo hace sIFR, lo desconocía en su
etapa final, ya que creo haber visto algo en sus inicios pero aún no estaba
100% desarrollado.
Ahora bien, respecto a sIFR, si hacemos la prueba de "imprimir" o crear un
PDF, no sale la fuente de reemplazo sino la reemplazada, lo que hace que el
asunto, todavía, esté en pañales y nos andemos con mucho ojito... 

A.v.W.

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de David Pardo
Enviado el: Miércoles, 26 de Septiembre de 2007 08:07 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Bordes para texto

Hay una solución viable. Si usas sifr para sustituir los caracteres
necesarios, puedes utilizar cualquier tipo de letra.

Sifr reemplaza un elemento determinado (clase, id o tag) por una
peliculita en flash con el mismo contenido en otro tipo de letra. Si
quieres probarlo, http://www.mikeindustries.com/sifr

Victoria Gracia escribió:
> Hola Rodrigo,
> 
> el problema que planteas depende de las fuentes con que muestras el
> texto, tienes que utilizar una fuente de tipo "outlined" (sólo bordes).
> 
> Por desgracia este tipo de fuente no podrás presuponerlo en la máquina
> del usuario (desde luego no es habitual ni podría yo decirte si viene
> estándar en alguna máquina o S.O.), así que no tendrás otra que recurrir
> a imágenes de ese texto (que para más complicación tiene toda la pinta
> de lista numerada).
> 
> Por accesibilidad, sería bueno que dieras alternativa a esas imágenes,
> por ejemplo escribiéndolo como lista numerada (en cuyo caso cuando un
> dispositivo fuera no-visual o el usuario necesitara aumentos, o el ancho
> de banda fuera escaso, etc...) seguirías manteniendo la coherencia de la
> numeración y la estructura informativa del contenido.
> 
> Un saludo
> 
> Victoria
> 
> El mié, 26-09-2007 a las 10:12 +0200, Rodrigo Álvarez Virgós escribió:
>> Hola, Ovillo
>>
>> Por motivos de diseño necesito mostrar unos números con distinto color 
>> de fondo y borde, algo parecido a lo siguiente:
>> http://www.vitalcama.es/10.jpg
>>
>> Nunca me lo había planteado, pero ¿se puede dar color de borde a un 
>> texto? Imagino que la respuesta es no, y que tendré que recurrir a 
>> imágenes, pero igual sí se puede y alguien me ilustra con su 
>> sabiduría... :-P
>> ___
>> 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
> 
___
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] Bordes para texto

[manila lila]

Hola Rodrigo, es muy facil, yo lo hago con Indesign.

El día 26/09/07, Rodrigo Álvarez Virgós <[EMAIL PROTECTED]> escribió:
>
>
> Hola, Ovillo
>
> Por motivos de diseño necesito mostrar unos números con distinto color
> de fondo y borde, algo parecido a lo siguiente:
> http://www.vitalcama.es/10.jpg
>
> Nunca me lo había planteado, pero ¿se puede dar color de borde a un
> texto? Imagino que la respuesta es no, y que tendré que recurrir a
> imágenes, pero igual sí se puede y alguien me ilustra con su
> sabiduría... :-P
> ___
> 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] Bordes para texto

[David Pardo]

Hay una solución viable. Si usas sifr para sustituir los caracteres
necesarios, puedes utilizar cualquier tipo de letra.

Sifr reemplaza un elemento determinado (clase, id o tag) por una
peliculita en flash con el mismo contenido en otro tipo de letra. Si
quieres probarlo, http://www.mikeindustries.com/sifr

Victoria Gracia escribió:
> Hola Rodrigo,
> 
> el problema que planteas depende de las fuentes con que muestras el
> texto, tienes que utilizar una fuente de tipo "outlined" (sólo bordes).
> 
> Por desgracia este tipo de fuente no podrás presuponerlo en la máquina
> del usuario (desde luego no es habitual ni podría yo decirte si viene
> estándar en alguna máquina o S.O.), así que no tendrás otra que recurrir
> a imágenes de ese texto (que para más complicación tiene toda la pinta
> de lista numerada).
> 
> Por accesibilidad, sería bueno que dieras alternativa a esas imágenes,
> por ejemplo escribiéndolo como lista numerada (en cuyo caso cuando un
> dispositivo fuera no-visual o el usuario necesitara aumentos, o el ancho
> de banda fuera escaso, etc...) seguirías manteniendo la coherencia de la
> numeración y la estructura informativa del contenido.
> 
> Un saludo
> 
> Victoria
> 
> El mié, 26-09-2007 a las 10:12 +0200, Rodrigo Álvarez Virgós escribió:
>> Hola, Ovillo
>>
>> Por motivos de diseño necesito mostrar unos números con distinto color 
>> de fondo y borde, algo parecido a lo siguiente:
>> http://www.vitalcama.es/10.jpg
>>
>> Nunca me lo había planteado, pero ¿se puede dar color de borde a un 
>> texto? Imagino que la respuesta es no, y que tendré que recurrir a 
>> imágenes, pero igual sí se puede y alguien me ilustra con su 
>> sabiduría... :-P
>> ___
>> 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
> 
___
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] Bordes para texto

[Rodrigo Álvarez Virgós]

Hola, Victoria

> el problema que planteas depende de las fuentes con que muestras el
> texto, tienes que utilizar una fuente de tipo "outlined" (sólo bordes).
>   
Como decía mi abuelo, "no te acostarás sin saber una cosa más"
> [...] no tendrás otra que recurrir
> a imágenes de ese texto (que para más complicación tiene toda la pinta
> de lista numerada).
>
> Por accesibilidad, sería bueno que dieras alternativa a esas imágenes,
> por ejemplo escribiéndolo como lista numerada (en cuyo caso cuando un
> dispositivo fuera no-visual o el usuario necesitara aumentos, o el ancho
> de banda fuera escaso, etc...) seguirías manteniendo la coherencia de la
> numeración y la estructura informativa del contenido.
>   
Así está hecho ;-) si hay algo que suelo cuidar, es la accesibilidad 
(siempre que el cliente o mi jefe lo permiten xD).
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] Bordes para texto

[Victoria Gracia]

Hola Rodrigo,

el problema que planteas depende de las fuentes con que muestras el
texto, tienes que utilizar una fuente de tipo "outlined" (sólo bordes).

Por desgracia este tipo de fuente no podrás presuponerlo en la máquina
del usuario (desde luego no es habitual ni podría yo decirte si viene
estándar en alguna máquina o S.O.), así que no tendrás otra que recurrir
a imágenes de ese texto (que para más complicación tiene toda la pinta
de lista numerada).

Por accesibilidad, sería bueno que dieras alternativa a esas imágenes,
por ejemplo escribiéndolo como lista numerada (en cuyo caso cuando un
dispositivo fuera no-visual o el usuario necesitara aumentos, o el ancho
de banda fuera escaso, etc...) seguirías manteniendo la coherencia de la
numeración y la estructura informativa del contenido.

Un saludo

Victoria

El mié, 26-09-2007 a las 10:12 +0200, Rodrigo Álvarez Virgós escribió:
> Hola, Ovillo
> 
> Por motivos de diseño necesito mostrar unos números con distinto color 
> de fondo y borde, algo parecido a lo siguiente:
> http://www.vitalcama.es/10.jpg
> 
> Nunca me lo había planteado, pero ¿se puede dar color de borde a un 
> texto? Imagino que la respuesta es no, y que tendré que recurrir a 
> imágenes, pero igual sí se puede y alguien me ilustra con su 
> sabiduría... :-P
> ___
> 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] Bordes para texto

[Rodrigo Álvarez Virgós]

Hola, Jaume
> Tiene pinta de lista?
No, si una lista es...
> De todas formas sobre el borde , no se pero porque no
> dar border.
> p{
> padding:5px;
> border:1px solid #f00;
> }
>   
Me refiero a dar un reborde a cada letra por separado (fíjate en la 
imagen), no al contenedor de todas las letras!!
> El día 26/09/07, Rodrigo Álvarez Virgós <[EMAIL PROTECTED]> escribió:
>   
>> Hola, Ovillo
>>
>> Por motivos de diseño necesito mostrar unos números con distinto color
>> de fondo y borde, algo parecido a lo siguiente:
>> http://www.vitalcama.es/10.jpg
>>
>> Nunca me lo había planteado, pero ¿se puede dar color de borde a un
>> texto? Imagino que la respuesta es no, y que tendré que recurrir a
>> imágenes, pero igual sí se puede y alguien me ilustra con su
>> sabiduría... :-P

___
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] Bordes para texto

[jaume op]

Tiene pinta de lista? De todas formas sobre el borde , no se pero porque no
dar border.
p{
padding:5px;
border:1px solid #f00;
}

El día 26/09/07, Rodrigo Álvarez Virgós <[EMAIL PROTECTED]> escribió:
>
> Hola, Ovillo
>
> Por motivos de diseño necesito mostrar unos números con distinto color
> de fondo y borde, algo parecido a lo siguiente:
> http://www.vitalcama.es/10.jpg
>
> Nunca me lo había planteado, pero ¿se puede dar color de borde a un
> texto? Imagino que la respuesta es no, y que tendré que recurrir a
> imágenes, pero igual sí se puede y alguien me ilustra con su
> sabiduría... :-P
> ___
> 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] Bordes redondeados en diseño liquido

[Marc González Majoral]

Disculpa, me he olvidado de decir que de esta forma puedes quitar el
float, width y height de #borde-arriba-der (las prisas...). Espero que
te sirva.

El 2/09/07, Marc González Majoral <[EMAIL PROTECTED]> escribió:
> Pues sí, pecas de 'divitis' porque puedes aprovechar el #borde-arriba
> para poner una de las dos esquinas. Y para hacer más limpio el código
> sería:
>
> 
>   
> 
>   El contenido que quieras.
> 
>   
> 
>
___
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] Bordes redondeados en diseño liquido

[Marc González Majoral]

Pues sí, pecas de 'divitis' porque puedes aprovechar el #borde-arriba
para poner una de las dos esquinas. Y para hacer más limpio el código
sería:


  

  El contenido que quieras.

  

___
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] Bordes redondeados en diseño liquido

[Dan Alcaide]

Gracias a todos por contestar y darme soluciones. Al final tuve que pensarlo
yo pero por lo que veo lo implemente muy parecido a lo que me habéis
planteado.

CODIGO CSS:

/*Lo mismo para el borde inferior*/
#borde-arriba{
height: 20px;
}
#borde-arriba-izq {
float: left;
width: 25px;
height: 20px;
background-image: url(esquinaIZ.gif);
background-repeat: no-repeat;
}
#borde-arriba-der {
float: right;
width: 25px;
height: 20px;
background-image: url(esquinaDE.gif);
background-repeat: no-repeat;
background-position: right top;
}

CODIGO HTML:









Aunque creo que peco de "divitis" en este código :-D

Y gracias por los enlaces, no los conocía y parecen muy interesantes.

PD: Es la primera vez que preguntaba en esta lista y, sin ánimo de ser
pelota, me parece cojonuda esta lista.

Salu2.


-Mensaje original-
De: Lucas Franco [mailto:[EMAIL PROTECTED] 
Enviado el: sábado, 11 de agosto de 2007 3:38
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Bordes redondeados en diseño liquido

yo lo estoy haciendo asi,  con un metodo parecido al que dice agustin no se
si es lo qe buscas..
HTML:




 Pagina en Construccion 


 


 



 


 

CSS:

#subtitulo{
  background-color: #312e4b;
  background-image:url(./ventanita.png);
  background-repeat:repeat-x;
}
#principal {
  margin: 0px 3px 1px 3px;
  color:#106689;
  font-size:12px;
  background-color: #FFF;
}

.esquinaazul > div {
  padding-top: 0px;
   background:url(tr.jpg) no-repeat top right;
}
.esquinaazul {
font-size:small;
padding-top:0px;
background: url(tl.jpg) no-repeat scroll top left ;


 }
.esquinablanca > div {
  padding-top: 0px;
   background:url(ar.png) no-repeat top right;
}
.esquinablanca {
font-size:small;
padding-top:0px;
background: url(al.png) no-repeat scroll top left ;
}
/*.esquinablancab > div {
  padding-top: 0px;
   background:url(aar.png) no-repeat bottom right;
}

.esquinablancab {
font-size:small;
padding-top:0px;
background: url(aal.png) no-repeat scroll bottom left ;


 }


por cierto, a que le llamas diseño liquido no estoy mucho en el tema.

On 8/10/07, Agustin Bouillet <[EMAIL PROTECTED]> wrote:
>
> Te cuento una de las soluciones que suelo usar...
> Tienes tu contendor, digamos que a un 90% con un margin-top en el body de
> unos, digamos 1em. dentro de este contenedor agregas un div que se
> acomodará
> en la parte interior/superior de tu contenedor, identifiquemos este div
> como
> id="topRound" (por ponerle algun nombre).
> Dentro de este div colocas la imagen redondeada --con el atributo alt
> vacio--; de la esquina superior izquierda;  y luego a la clase topRound le
> pones las siguientes características ej...
>
> #topRound {
> background: url('imagen.gif /*acá va la esquina superior izquierda */ ')
> top right;
> height:10px ;/*Esta es la medida de la imagen.*/
> }
>
> Le agregas todos los detalles que tengan que ver con tu diseño y voliá...
> Lo
> mismo tendrás que hacer con las esquinas inferiores; y considerarás un
> height al 100%, o relativo...
>
> Bueno es una de las soluciones... hay un monton más dando vueltas por la
> web.
>
>
> Suerte
>
>
>
> On 8/10/07, Dan Alcaide <[EMAIL PROTECTED]> wrote:
> >
> > Hola a todos, necesito tener bordes redondeados en un diseño líquido.
> > Tengo
> > una capa #contenedor con anchura 97% y es a la cual le aplico los bordes
> > ¿alguien sabe alguna solución para cualquier navegador y que valide
> > correctamente? He estado buscando por el señor Google pero ninguna me
> > convence y no tengo tiempo para pensarlo yo.
> >
> > Gracias.
> >
> >
> > No virus found in this outgoing message.
> > Checked by AVG Free Edition.
> > Version: 7.5.476 / Virus Database: 269.11.11/944 - Release Date:
> > 09/08/2007
> > 14:44
> >
> > ___
> > 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
>

Re: [Ovillo] Bordes redondeados en diseño liquido

[Almorca]

Ahora no te sirve, pero cuando css 3.0 sea soportada por los navegadores se
podrá usar border-radius .
Os lo digo para que lo sepáis para cuando css 3 sea soportado por los
principales navegadores (para dentro de 5 años mínimo ;-D).

El día 10/08/07, Dan Alcaide <[EMAIL PROTECTED]> escribió:
>
> Hola a todos, necesito tener bordes redondeados en un diseño líquido.
> Tengo
> una capa #contenedor con anchura 97% y es a la cual le aplico los bordes
> ¿alguien sabe alguna solución para cualquier navegador y que valide
> correctamente? He estado buscando por el señor Google pero ninguna me
> convence y no tengo tiempo para pensarlo yo.
>
> Gracias.
>
>
> No virus found in this outgoing message.
> Checked by AVG Free Edition.
> Version: 7.5.476 / Virus Database: 269.11.11/944 - Release Date:
> 09/08/2007
> 14:44
>
> ___
> 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
>



-- 
We don't need no education - Pink Floyd
___
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] Bordes redondeados en diseño liquido

[Agustin Bouillet]

Fe de errata

> En el ejemplo de construcci[on de clase. Donde dice, acá va la esquina
> > superior izquierda; debería decir: esquina superior derecha..
> >
>
Espero que se haya notado el error en el mail anterior

Suerte.

On 8/10/07, Agustin Bouillet <[EMAIL PROTECTED]> wrote:
>
> Te cuento una de las soluciones que suelo usar...
> Tienes tu contendor, digamos que a un 90% con un margin-top en el body de
> unos, digamos 1em. dentro de este contenedor agregas un div que se acomodará
> en la parte interior/superior de tu contenedor, identifiquemos este div como
> id="topRound" (por ponerle algun nombre).
> Dentro de este div colocas la imagen redondeada --con el atributo alt
> vacio--; de la esquina superior izquierda;  y luego a la clase topRound le
> pones las siguientes características ej...
>
> #topRound {
> background: url(' imagen.gif /*acá va la esquina superior izquierda */ ')
> top right;
> height:10px ;/*Esta es la medida de la imagen.*/
> }
>
> Le agregas todos los detalles que tengan que ver con tu diseño y voliá...Lo 
> mismo tendrás que hacer con las esquinas inferiores; y considerarás un
> height al 100%, o relativo...
>
> Bueno es una de las soluciones... hay un monton más dando vueltas por la
> web.
>
>
> Suerte
>
>
>
> On 8/10/07, Dan Alcaide < [EMAIL PROTECTED]> wrote:
> >
> > Hola a todos, necesito tener bordes redondeados en un diseño líquido.
> > Tengo
> > una capa #contenedor con anchura 97% y es a la cual le aplico los bordes
> > ¿alguien sabe alguna solución para cualquier navegador y que valide
> > correctamente? He estado buscando por el señor Google pero ninguna me
> > convence y no tengo tiempo para pensarlo yo.
> >
> > Gracias.
> >
> >
> > No virus found in this outgoing message.
> > Checked by AVG Free Edition.
> > Version: 7.5.476 / Virus Database: 269.11.11/944 - Release Date:
> > 09/08/2007
> > 14:44
> >
> > ___
> > 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] Bordes redondeados en diseño liquido

[Lucas Franco]

yo lo estoy haciendo asi,  con un metodo parecido al que dice agustin no se
si es lo qe buscas..
HTML:




 Pagina en Construccion 


 


 



 


 

CSS:

#subtitulo{
  background-color: #312e4b;
  background-image:url(./ventanita.png);
  background-repeat:repeat-x;
}
#principal {
  margin: 0px 3px 1px 3px;
  color:#106689;
  font-size:12px;
  background-color: #FFF;
}

.esquinaazul > div {
  padding-top: 0px;
   background:url(tr.jpg) no-repeat top right;
}
.esquinaazul {
font-size:small;
padding-top:0px;
background: url(tl.jpg) no-repeat scroll top left ;


 }
.esquinablanca > div {
  padding-top: 0px;
   background:url(ar.png) no-repeat top right;
}
.esquinablanca {
font-size:small;
padding-top:0px;
background: url(al.png) no-repeat scroll top left ;
}
/*.esquinablancab > div {
  padding-top: 0px;
   background:url(aar.png) no-repeat bottom right;
}

.esquinablancab {
font-size:small;
padding-top:0px;
background: url(aal.png) no-repeat scroll bottom left ;


 }


por cierto, a que le llamas diseño liquido no estoy mucho en el tema.

On 8/10/07, Agustin Bouillet <[EMAIL PROTECTED]> wrote:
>
> Te cuento una de las soluciones que suelo usar...
> Tienes tu contendor, digamos que a un 90% con un margin-top en el body de
> unos, digamos 1em. dentro de este contenedor agregas un div que se
> acomodará
> en la parte interior/superior de tu contenedor, identifiquemos este div
> como
> id="topRound" (por ponerle algun nombre).
> Dentro de este div colocas la imagen redondeada --con el atributo alt
> vacio--; de la esquina superior izquierda;  y luego a la clase topRound le
> pones las siguientes características ej...
>
> #topRound {
> background: url('imagen.gif /*acá va la esquina superior izquierda */ ')
> top right;
> height:10px ;/*Esta es la medida de la imagen.*/
> }
>
> Le agregas todos los detalles que tengan que ver con tu diseño y voliá...
> Lo
> mismo tendrás que hacer con las esquinas inferiores; y considerarás un
> height al 100%, o relativo...
>
> Bueno es una de las soluciones... hay un monton más dando vueltas por la
> web.
>
>
> Suerte
>
>
>
> On 8/10/07, Dan Alcaide <[EMAIL PROTECTED]> wrote:
> >
> > Hola a todos, necesito tener bordes redondeados en un diseño líquido.
> > Tengo
> > una capa #contenedor con anchura 97% y es a la cual le aplico los bordes
> > ¿alguien sabe alguna solución para cualquier navegador y que valide
> > correctamente? He estado buscando por el señor Google pero ninguna me
> > convence y no tengo tiempo para pensarlo yo.
> >
> > Gracias.
> >
> >
> > No virus found in this outgoing message.
> > Checked by AVG Free Edition.
> > Version: 7.5.476 / Virus Database: 269.11.11/944 - Release Date:
> > 09/08/2007
> > 14:44
> >
> > ___
> > 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
>



-- 
Lucas Franco
___
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] Bordes redondeados en diseño liquido

[Agustin Bouillet]

Te cuento una de las soluciones que suelo usar...
Tienes tu contendor, digamos que a un 90% con un margin-top en el body de
unos, digamos 1em. dentro de este contenedor agregas un div que se acomodará
en la parte interior/superior de tu contenedor, identifiquemos este div como
id="topRound" (por ponerle algun nombre).
Dentro de este div colocas la imagen redondeada --con el atributo alt
vacio--; de la esquina superior izquierda;  y luego a la clase topRound le
pones las siguientes características ej...

#topRound {
background: url('imagen.gif /*acá va la esquina superior izquierda */ ')
top right;
height:10px ;/*Esta es la medida de la imagen.*/
}

Le agregas todos los detalles que tengan que ver con tu diseño y voliá... Lo
mismo tendrás que hacer con las esquinas inferiores; y considerarás un
height al 100%, o relativo...

Bueno es una de las soluciones... hay un monton más dando vueltas por la
web.


Suerte



On 8/10/07, Dan Alcaide <[EMAIL PROTECTED]> wrote:
>
> Hola a todos, necesito tener bordes redondeados en un diseño líquido.
> Tengo
> una capa #contenedor con anchura 97% y es a la cual le aplico los bordes
> ¿alguien sabe alguna solución para cualquier navegador y que valide
> correctamente? He estado buscando por el señor Google pero ninguna me
> convence y no tengo tiempo para pensarlo yo.
>
> Gracias.
>
>
> No virus found in this outgoing message.
> Checked by AVG Free Edition.
> Version: 7.5.476 / Virus Database: 269.11.11/944 - Release Date:
> 09/08/2007
> 14:44
>
> ___
> 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] Bordes redondeados en diseño liquido

[Martín Szyszlican]

Dan Alcaide escribió:
> Hola a todos, necesito tener bordes redondeados en un diseño líquido. Tengo
> una capa #contenedor con anchura 97% y es a la cual le aplico los bordes
> ¿alguien sabe alguna solución para cualquier navegador y que valide
> correctamente?

Una solucion, usando javascript, pueden ser las NiftyCorners[1], o su 
evolución, NiftyCube[no tengo la url], que se adaptan a cualquier tipo 
de diseño.
Hace unos dias vi también otra, que se llama CurvyCorners[2] incluso 
redondeaba con antialias las imágenes, pero no tuve oportunidad de 
probarla, parece mucho más versátil.

Martín.

[1] http://www.html.it/articoli/nifty/index.html
[2] http://www.curvycorners.net/

> He estado buscando por el señor Google pero ninguna me
> convence y no tengo tiempo para pensarlo yo.
>
> 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] Bordes (superior e inferior) desaparecen en IE

[Camilo Kawerín]

Hola,

Manz Hernandez Martin escribió:

Buenas a todos,

Resulta que estoy trabajando en un diseño y al realizar una lista (ul) 
de enlaces anidados, en la cuál estoy poniendole un borde, tengo el 
problema de que, como siempre, en Firefox, Opera y demás funciona 
perfectamente, mientras que en Internet Explorer sólo me muestra los 
bordes izquierdo y derecho (obviando el borde superior e inferior).


Probá con:

li, a {zoom: 1.0; }


Es propietaria de IE, así que deberías ponerla en una hoja de estilos 
que sólo lea éste o no va a validar tu CSS.


Saludos,

--
Camilo Kawerín
27Sur comunicación & diseño
http://www.27sur.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] Bordes y ancho de

[Inti Castro]

On 8/2/05, .:[ jam1138 ]:. <[EMAIL PROTECTED]> wrote:
> 
> ¿pero qué pasa cuando quiera cambiar de estilo??; no quiero atenerme a 
> tener el ancho del filebox fijo. ¿hay manera de hacer estocon puro CSS?? 
> 

input[type=file] {
 display: block;
 }
 
con esta opción el  se va a adaptar al ancho de su contenedor.

 input[type=file] {
width: 20em;
 }
 
asi podes definir el ancho del  sin depender del size="12" que ahora 
estas usando (de hecho para que el width desde css se aplique correctamente 
vas a tener que eliminar este atributo en el html).

desde ya que para implementar cualquiera de estas dos opciones vas a tener 
que crear una clase y aplicarla a cada  ya que ie no te 
va a reconocer el selector input[type=file].

inti castro
[EMAIL PROTECTED]
___
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