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 marcoslo...@hotmail.com


 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-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 marcoslo...@hotmail.com
 
 
 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 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 aguasin...@gmail.comescribió:

 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 marcoslo...@hotmail.com

 
  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


[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 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 her...@saberweb.com.arescribió:

 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 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 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 her...@saberweb.com.ar

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

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-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 Navarrowebpe...@gmail.com 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:

  meta http-equiv=X-UA-Compatible content=IE=8 /


 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 Dulcemauricio.du...@gmail.com 
 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 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 Navarrowebpe...@gmail.com  
 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:

  meta http-equiv=X-UA-Compatible content=IE=8 /


 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  
 Dulcemauricio.du...@gmail.com 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-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:

  meta http-equiv=X-UA-Compatible content=IE=8 /


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 Dulcemauricio.du...@gmail.com 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


[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

2009-07-18 Por tema Ignacio Ricci
Yo tengo entendido que no existe el ms-border-radius...
2009/7/18 Mauricio Dulce mauricio.du...@gmail.com

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

div id=contenedor
  div id=borde-arriba
div id=borde-arriba-der
  pEl contenido que quieras./p
/div
  /div
/div
___
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:

div id=contenedor
div id=borde-arriba
div id=borde-arriba-izq/div
div id=borde-arriba-der/div
/div
/div


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:

div id=subtitulo

div class=esquinaazul
 divPagina en Construccion /div
/div
div id=principal
div class=esquinablanca div
img src=constru.GIF alt=Página en
Construcción /

/div /div

/div

 /div

/div
 /div

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


No virus found in this outgoing message

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 http://www.css3.info/preview/rounded-border.html.
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


[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


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


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 Lucas Franco
yo lo estoy haciendo asi,  con un metodo parecido al que dice agustin no se
si es lo qe buscas..
HTML:

div id=subtitulo

div class=esquinaazul
 divPagina en Construccion /div
/div
div id=principal
div class=esquinablanca div
img src=constru.GIF alt=Página en 
Construcción /

/div /div

/div

 /div

/div
 /div

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