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

2011-06-30 Por tema 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

2011-06-30 Por tema 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

2011-06-30 Por tema 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

2011-06-29 Por tema 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

2011-06-29 Por tema 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

2011-06-29 Por tema 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

2011-06-29 Por tema 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

2011-06-29 Por tema 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

2011-06-29 Por tema 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

[Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5

2011-06-29 Por tema Hernán Beati 
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

Re: [Ovillo] Bordes Redondeados

2009-07-20 Por tema 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

2009-07-20 Por tema 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

2009-07-20 Por tema 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

2009-07-19 Por tema 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

2009-07-18 Por tema 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

[Ovillo] Bordes Redondeados

2009-07-18 Por tema 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

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

2007-09-02 Por tema 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

2007-09-02 Por tema 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

2007-08-13 Por tema 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
>

[Ovillo] Bordes redondeados en diseño liquido

2007-08-11 Por tema Olga Revilla 
Hola,

yo trabajo con Roundedcornr [1] y me va muy bien, ya que no necesita
javascript y te proporciona también las imágenes de las esquinas en
los colores que necesites.
Espero que te valga. Saludos.

[1]  http://www.roundedcornr.com/

-- 
Olga Revilla
www.itakora.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 redondeados en diseño liquido

2007-08-11 Por tema 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

2007-08-10 Por tema 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

2007-08-10 Por tema 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

2007-08-10 Por tema 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

2007-08-10 Por tema 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

[Ovillo] Bordes redondeados en diseño liquido

2007-08-10 Por tema Dan Alcaide 
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