Re: [Ovillo] interpretacions de letter-spacing
Buenas, El 24/07/2007, a las 7:59, manila lila escribió: Hola, tengo un titulo (h1) al que aplico un letter-spacing, el problema es que con IE, este es debe ser de 0.4 ems y para Firefox es de 0.2 ems, yo quiero que se veia igual con los dos navegadores. Seguro que es una cosa sencilla, pero no doy con la solucion, serian tan amables de ayudarme? Son navegadores distintos, por lo que a veces interpretan las cosas a su manera. De todas formas en este caso la situación se produce por usar una unidad de medida relativa, (em en el ejemplo), que hace que la distancia de la propiedad letter-spacing dependa del tamaño de la fuente. Es muy probable que lo que te ocurra sea que Firefox e Internet Explorer no muestren exactamente el mismo tamaño de fuente. Mi recomendación: no te comas el coco, no creo que sea tanta la diferencia. Aún así, si quieres puedes usar comentarios condicionales para especificar una hoja de estilos específica para IE, y así poder colocar dos valores para letter-spacing, uno para IE y otro para Firefox. !--[if IE] link rel=stylesheet type=text/css href=ie.css / ![endif]-- -- Juan G. Hurtado [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] interpretacions de letter-spacing
letter-spacing:0.2ems!important; /* FF*/ letter-spacing:0.4em; /* IE*/ Ponlo de esta manera, como sabes la lectura es en cascada por eso primero debes poner el estilo para FF y después para IE. Con el !important le estás indicando que fuerce a que siempre el letter-spacing sea de 0.2 em aunque posteriormente lo redefinas, pero esto solo lo aceptan los navegadores como FF, Opera,.. IE se lo salta a la torera.POr eso se redefine, y ésto se hace después. Aquí tienes un enlace que te irá bien para que aprendas un poco de hacks : http://metalize.liveonstyle.com/2007/07/08/evita-los-hacks-en-tu-css/ Saludos, El día 24/07/07, manila lila [EMAIL PROTECTED] escribió: Hola, tengo un titulo (h1) al que aplico un letter-spacing, el problema es que con IE, este es debe ser de 0.4 ems y para Firefox es de 0.2 ems, yo quiero que se veia igual con los dos navegadores. Seguro que es una cosa sencilla, pero no doy con la solucion, serian tan amables de ayudarme? Gracias Manila ___ 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 -- Gema Masegosa. Email:[EMAIL PROTECTED] Web personal: http://www.guebstudio.es ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] YUI
Hola a todos, estoy pensando emplear en un proyecto la librería de Yahoo User Interface (sólo la parte de CSS). Busco un sistema superflexible que me permita estructuras muy diversas. Eso parece que la librería lo domina. Pero luego he empezado a investigar y me parece que la forma de añadir columnas implica demasiadas capas ¿Alguién la ha usado? ¿Has tenido problemas con ella? Cualquier experiencia o comentario será de mucha ayuda. Gracias Jose http://www.softwareag.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] YUI
Hola Jose, Yo la he usado para obtener el efecto pulsado en un menu despues de darle vueltas al asunto en javascript. En ese sentido me ha resultado facil implementarla. un saludo El día 24/07/07, Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED] escribió: Hola a todos, estoy pensando emplear en un proyecto la librería de Yahoo User Interface (sólo la parte de CSS). Busco un sistema superflexible que me permita estructuras muy diversas. Eso parece que la librería lo domina. Pero luego he empezado a investigar y me parece que la forma de añadir columnas implica demasiadas capas ¿Alguién la ha usado? ¿Has tenido problemas con ella? Cualquier experiencia o comentario será de mucha ayuda. Gracias Jose http://www.softwareag.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 -- skype arbaa4 www.sevtov.com [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] YUI
Hola Jose, recientemene ha vuelto a probar la librería de Yahoo [1] y de nuevo me ha vuelto a decepcionar. Hace meses me acerqué a ella con la intención de hacer un efecto de autocompletado de un campo de formulario pero me fué imposible. Esta semana he intentado usar sus funciones para crear un menú desplegable y he tenido que dejarlo por imposible. ¿Por qué? 1. la documentación, en mi opinión, es poco útil. En mi caso, no pudo solventar las dudas que tuve durante el proceso. 2. la cantidad de ficheros JS a incluir quizás es demasiado elevada. Cierto es que te proporcionan una versión reducida de los mismos pero, en el caso que me ocupaba -la creación de un menú desplegable- eran más de 80KB. 3. Integración con diseños complicados. Si intentas aplicar los efectos a elemetos HTML sencillos, el resultado visual es aceptable. Pero si esto mismo lo haces dentro de un diseño de página no tan sencillo, la tarea de complica demasiado. La razón es que para poder crear los efectos YUI busca determinados elementos HTML con id's fijados a los que aplica los sus propias clases CSS (que debes incluir en tu hoja de estilos) Cierto es que habrá cientos de personas que la han usado sin problemas pero yo no puedo decir lo mismo. En tu caso, miraría a ver si con alguna otra herrramienta (mootools o jquery) puedes solventar tu problema. Suerte!! [1] http://developer.yahoo.com/yui/examples/index.html -- El futuro está oculto detrás de los hombres que lo hacen [ http://www.nosoynadie.net/ ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] YUI
Estoy de acuerdo con Jorge. Esta libreria es utl para efectos sencillos pero para mas alla recomendaria jquery o alguna similar. un saludo El día 24/07/07, Jorge Hoya [EMAIL PROTECTED] escribió: Hola Jose, recientemene ha vuelto a probar la librería de Yahoo [1] y de nuevo me ha vuelto a decepcionar. Hace meses me acerqué a ella con la intención de hacer un efecto de autocompletado de un campo de formulario pero me fué imposible. Esta semana he intentado usar sus funciones para crear un menú desplegable y he tenido que dejarlo por imposible. ¿Por qué? 1. la documentación, en mi opinión, es poco útil. En mi caso, no pudo solventar las dudas que tuve durante el proceso. 2. la cantidad de ficheros JS a incluir quizás es demasiado elevada. Cierto es que te proporcionan una versión reducida de los mismos pero, en el caso que me ocupaba -la creación de un menú desplegable- eran más de 80KB. 3. Integración con diseños complicados. Si intentas aplicar los efectos a elemetos HTML sencillos, el resultado visual es aceptable. Pero si esto mismo lo haces dentro de un diseño de página no tan sencillo, la tarea de complica demasiado. La razón es que para poder crear los efectos YUI busca determinados elementos HTML con id's fijados a los que aplica los sus propias clases CSS (que debes incluir en tu hoja de estilos) Cierto es que habrá cientos de personas que la han usado sin problemas pero yo no puedo decir lo mismo. En tu caso, miraría a ver si con alguna otra herrramienta (mootools o jquery) puedes solventar tu problema. Suerte!! [1] http://developer.yahoo.com/yui/examples/index.html -- El futuro está oculto detrás de los hombres que lo hacen [ http://www.nosoynadie.net/ ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- skype arbaa4 www.sevtov.com [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] YUI
Gracias Jorge y Fernando. Uso regularmente Jquery. No se si será la mejor, pero me he acostumbrado a ella y me encanta su filosofía. De YUI sólo quería emplear las hojas de estilo (grid.css, font.css y reset.css o todas juntas en una: reset-fonts-grids.css) para crear la retícula que forma la interfaz. Permiten mucha flexibilidad a la hora de crear columnas y bloques, pero emplean demasiadas capas para mi gusto. ¿No las ha usado nadie en ningún proyecto? -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Fernando Seves Enviado el: martes 24 de julio de 2007 9:28 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] YUI Estoy de acuerdo con Jorge. Esta libreria es utl para efectos sencillos pero para mas alla recomendaria jquery o alguna similar. un saludo El día 24/07/07, Jorge Hoya [EMAIL PROTECTED] escribió: Hola Jose, recientemene ha vuelto a probar la librería de Yahoo [1] y de nuevo me ha vuelto a decepcionar. Hace meses me acerqué a ella con la intención de hacer un efecto de autocompletado de un campo de formulario pero me fué imposible. Esta semana he intentado usar sus funciones para crear un menú desplegable y he tenido que dejarlo por imposible. ¿Por qué? 1. la documentación, en mi opinión, es poco útil. En mi caso, no pudo solventar las dudas que tuve durante el proceso. 2. la cantidad de ficheros JS a incluir quizás es demasiado elevada. Cierto es que te proporcionan una versión reducida de los mismos pero, en el caso que me ocupaba -la creación de un menú desplegable- eran más de 80KB. 3. Integración con diseños complicados. Si intentas aplicar los efectos a elemetos HTML sencillos, el resultado visual es aceptable. Pero si esto mismo lo haces dentro de un diseño de página no tan sencillo, la tarea de complica demasiado. La razón es que para poder crear los efectos YUI busca determinados elementos HTML con id's fijados a los que aplica los sus propias clases CSS (que debes incluir en tu hoja de estilos) Cierto es que habrá cientos de personas que la han usado sin problemas pero yo no puedo decir lo mismo. En tu caso, miraría a ver si con alguna otra herrramienta (mootools o jquery) puedes solventar tu problema. Suerte!! [1] http://developer.yahoo.com/yui/examples/index.html -- El futuro está oculto detrás de los hombres que lo hacen [ http://www.nosoynadie.net/ ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- skype arbaa4 www.sevtov.com [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://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] interpretacions de letter-spacing
Ya se que parece una chorrada pero la web es para un cliente y es muy muy escrupuloso con los espacios, y yo lo soy con las vistas de los navegadores, lo de no te comas el coco ha sido justo lo que necesitava, si he puesto el letter-spacing en px y ningun problema. Me gustaria saber un poco mas sobre los comentarios condicionales, donde se colocan? en css en html? he leido algo en Diseñorama pero no me queda claro donde tengo que ponerlos, intuyo que en html !-- -- por la estructura, pero donde exactament en el head? o no? Gracias a los dos por estar ahi. ...seguire preguntando Manila El día 24/07/07, Juan G. Hurtado [EMAIL PROTECTED] escribió: Buenas, El 24/07/2007, a las 7:59, manila lila escribió: Hola, tengo un titulo (h1) al que aplico un letter-spacing, el problema es que con IE, este es debe ser de 0.4 ems y para Firefox es de 0.2 ems, yo quiero que se veia igual con los dos navegadores. Seguro que es una cosa sencilla, pero no doy con la solucion, serian tan amables de ayudarme? Son navegadores distintos, por lo que a veces interpretan las cosas a su manera. De todas formas en este caso la situación se produce por usar una unidad de medida relativa, (em en el ejemplo), que hace que la distancia de la propiedad letter-spacing dependa del tamaño de la fuente. Es muy probable que lo que te ocurra sea que Firefox e Internet Explorer no muestren exactamente el mismo tamaño de fuente. Mi recomendación: no te comas el coco, no creo que sea tanta la diferencia. Aún así, si quieres puedes usar comentarios condicionales para especificar una hoja de estilos específica para IE, y así poder colocar dos valores para letter-spacing, uno para IE y otro para Firefox. !--[if IE] link rel=stylesheet type=text/css href= ie.css / ![endif]-- -- Juan G. Hurtado [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://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] Uso de PNG + links + campos de formulario en IE6
Hola, Sepan disculpar que hace bastante que no escribo, pero estoy teniendo un problema que no logro resolver ya que si bien lo he usado hasta el hartazgo no sé porque en este sitio en particular, no obtengo el resultado esperado. El problema es con Internet Explorer 6. El ejemplo se encuentra en http://www.belledejour.com.ar/new/contacto.html Esta pagina está usando el script de bgsleight.js. Para hacer funcionar los links y los input/textarea/select, generalmente le agrego al elemento padre un position:relative en la css. De esa manera lo he hecho aquí, pero sigo sin poder acceder con el ratón a esos elementos. Si alguien tiene una remota idea de lo que puede estar sucediendo, desde ya agradecidisima! PD: Esta página también está usando SIFR, no creo que tenga algo que ver, pero lo menciono por las dudas. Gracias Mónica ___ 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] Limpiar CSS
Hola ¿Alguno sabe si hay algún programa / herramienta que detecte qué estilos se están utilizando en un sitio? La finalidad básicamente es hacer limpieza de estilos no utilizados. Por mucho que busco, no encuentro este programa. Gracias www.nivaria.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] Limpiar CSS
Yo conozco este http://ajaxian.com/archives/css-redundancy-checker pero la verdad es que no llegué a probarlo, porque no logré hacerlo funcionar. Hay que usar ruby. Guillermo El 24/07/07, Beatriz Cabrales [EMAIL PROTECTED] escribió: Hola ¿Alguno sabe si hay algún programa / herramienta que detecte qué estilos se están utilizando en un sitio? La finalidad básicamente es hacer limpieza de estilos no utilizados. Por mucho que busco, no encuentro este programa. Gracias www.nivaria.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
