Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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