Re: [Ovillo] Conversor de unidades
Excelente explicación Victoria y Jorge, creo que me han quedado súper claras las cosas y al que no oiga que lea bien. Probaré y les comentó que tal me fue. Salu2 Ing Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP > -Original Message- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > On Behalf Of Jorge L. Batista E > Sent: Tuesday, February 19, 2008 8:18 AM > To: Ovillo, la lista de CSS en castellano > Subject: Re: [Ovillo] Conversor de unidades > > Gracias Victoria, habíamos discutido mucho sobre este tema en esta > misma lista, hay algunos resúmenes por ahí (disculpen por no poner el > link) pero esta explicación está muy completa. > Reynier: No comprendo a qué te refieres cuando dices em de tipografía > y em de capas, en principio no hay em sin fuente y las capas DIVs > aunque no tengan una fuente definida en el CSS la heredan del > elemento superior o padre y si ninguno lo tiene definido entonces se > toma el de los settings del navegador, así de sencillo. Esto lo he > escrito muchas veces ya, esta idea está un poco basada en unos > apuntes de Jeffrey Zeldman en uno de sus libros y la hemos ido > redondeando con el uso. Un diseño usando sólo unidades relativas, > todas la medidas en em por ejemplo, estarás poniendo tu Web en > función de las preferencias del usuario así que si éste modificó los > settings del navegador para sentirse más cómodo entonces también se > sentirá cómodo con tu diseño. > ss > PB > El 19/02/2008, a las 03:18 AM, Victoria Gracia escribió: > ___ 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] Conversor de unidades
Gracias Victoria, habíamos discutido mucho sobre este tema en esta misma lista, hay algunos resúmenes por ahí (disculpen por no poner el link) pero esta explicación está muy completa. Reynier: No comprendo a qué te refieres cuando dices em de tipografía y em de capas, en principio no hay em sin fuente y las capas DIVs aunque no tengan una fuente definida en el CSS la heredan del elemento superior o padre y si ninguno lo tiene definido entonces se toma el de los settings del navegador, así de sencillo. Esto lo he escrito muchas veces ya, esta idea está un poco basada en unos apuntes de Jeffrey Zeldman en uno de sus libros y la hemos ido redondeando con el uso. Un diseño usando sólo unidades relativas, todas la medidas en em por ejemplo, estarás poniendo tu Web en función de las preferencias del usuario así que si éste modificó los settings del navegador para sentirse más cómodo entonces también se sentirá cómodo con tu diseño. ss PB El 19/02/2008, a las 03:18 AM, Victoria Gracia escribió: > Hola Reynier, > > me desconcierta un poco tu pregunta, porque los píxels son unidades > absolutas y los em relativas (a la medida de la letra m en un cuerpo > dado), por lo que sólo puedes medir en 'em' refiriéndote primero a la > tipografía utilizada, por tanto, a medida de texto. > > Me explico, 1em por sí solo no tiene sentido. Si aplicamos la medida a > un diseño donde la referencia sea un cuerpo de 16px (indicado por las > preferencias de tu navegador), entonces (como ya te dice la > calculadora > que nos indicas en el enlace) la medida cobra sentido y puedes > decir que > 0.75em=12px. Es una simple regla de tres: > > 16px - 1em > 12px - xem > > Si cambias la referencia y pones como tamaño de referencia 12px (en tu > navegador o en los selectores *, html para establecerlos como > defecto), > entonces tendrías: > > 12px - 1em > > Como ves no hay una conversión absoluta. No puedes garantizar que > 12px=1em siempre y en todos los casos, sino que 12px=1em cuando la > referencia que tomamos es un cuerpo de letra de 12px. > > En tipografía además verías que 1em es variable según el tipo de letra > que utilices. No ocupa el mismo espacio la letra m en un estilo como > Arial Narrow que en un estilo como Arial Heavy, en el primer caso 1em > será más pequeño medido en píxeles que en el segundo. > > Puedes hacer la comprobación fácilmente en la calculadora que nos > suministras. > > Si defines un estilo con tamaño 10px, su hijo con tamaño 10px, el > descendiente de éste con tamaño 8px y un nuevo hijo con tamaño 10px > tienes: > > p - 10px - 0.63em > node2 - 10px - 1.00em > node3 - 8px - 0.80em > node4 - 10px - 1.25em > > Eso es así porque el primer estilo (p) se refiere a la medida > establecida por las preferencias del navegador + el estilo aplicado > a la > página (por lo tanto a ti y a mi puede darnos valores distintos). El > segundo estilo se refiere al tamaño relativo en relación al padre > (p), y > en este caso es el mismo, así que nos da 1 (cuando el padre era > 0.63em). > El tercer estilo (node3) se refiere al primer hijo, y el cuarto > (node4) > al tercero, siendo ahora 10px=1.25em. En sólo 4 estilos hemos visto 3 > conversiones distintas entre em y px. > > Espero que esta pequeña explicación pueda ayudarte a encontrar las > medidas que quieres aplicar a tus capas. > > Un saludo > > Victoria > > El lun, 18-02-2008 a las 19:02 -0500, Reynier Perez Mira escribió: >> Sabe alguien donde encontrar un conversor de unidades? Necesito >> convertir algunas unidades de PX a EM pero no para fuentes [1] >> sino para Capas (DIV) >> >> [1] http://riddle.pl/emcalc/ >> >> Ing Reynier Pérez Mira >> Grupo Soporte al Desarrollo - Dirección Técnica IP >> >> ___ >> 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] Conversor de unidades
Hola Reynier, me desconcierta un poco tu pregunta, porque los píxels son unidades absolutas y los em relativas (a la medida de la letra m en un cuerpo dado), por lo que sólo puedes medir en 'em' refiriéndote primero a la tipografía utilizada, por tanto, a medida de texto. Me explico, 1em por sí solo no tiene sentido. Si aplicamos la medida a un diseño donde la referencia sea un cuerpo de 16px (indicado por las preferencias de tu navegador), entonces (como ya te dice la calculadora que nos indicas en el enlace) la medida cobra sentido y puedes decir que 0.75em=12px. Es una simple regla de tres: 16px - 1em 12px - xem Si cambias la referencia y pones como tamaño de referencia 12px (en tu navegador o en los selectores *, html para establecerlos como defecto), entonces tendrías: 12px - 1em Como ves no hay una conversión absoluta. No puedes garantizar que 12px=1em siempre y en todos los casos, sino que 12px=1em cuando la referencia que tomamos es un cuerpo de letra de 12px. En tipografía además verías que 1em es variable según el tipo de letra que utilices. No ocupa el mismo espacio la letra m en un estilo como Arial Narrow que en un estilo como Arial Heavy, en el primer caso 1em será más pequeño medido en píxeles que en el segundo. Puedes hacer la comprobación fácilmente en la calculadora que nos suministras. Si defines un estilo con tamaño 10px, su hijo con tamaño 10px, el descendiente de éste con tamaño 8px y un nuevo hijo con tamaño 10px tienes: p - 10px - 0.63em node2 - 10px - 1.00em node3 - 8px - 0.80em node4 - 10px - 1.25em Eso es así porque el primer estilo (p) se refiere a la medida establecida por las preferencias del navegador + el estilo aplicado a la página (por lo tanto a ti y a mi puede darnos valores distintos). El segundo estilo se refiere al tamaño relativo en relación al padre (p), y en este caso es el mismo, así que nos da 1 (cuando el padre era 0.63em). El tercer estilo (node3) se refiere al primer hijo, y el cuarto (node4) al tercero, siendo ahora 10px=1.25em. En sólo 4 estilos hemos visto 3 conversiones distintas entre em y px. Espero que esta pequeña explicación pueda ayudarte a encontrar las medidas que quieres aplicar a tus capas. Un saludo Victoria El lun, 18-02-2008 a las 19:02 -0500, Reynier Perez Mira escribió: > Sabe alguien donde encontrar un conversor de unidades? Necesito convertir > algunas unidades de PX a EM pero no para fuentes [1] sino para Capas (DIV) > > [1] http://riddle.pl/emcalc/ > > Ing Reynier Pérez Mira > Grupo Soporte al Desarrollo - Dirección Técnica IP > > ___ > 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] Conversor de unidades
1px es 1px y 1em es 1em, para fuentes, para capas o para lo que sea. Aquí te dejo un conversor, no sé qué fiabilidad tendrá http://riddle.pl/emcalc/ Reynier Perez Mira escribió: > Sabe alguien donde encontrar un conversor de unidades? Necesito convertir > algunas unidades de PX a EM pero no para fuentes [1] sino para Capas (DIV) > > [1] http://riddle.pl/emcalc/ > > Ing Reynier Pérez Mira > Grupo Soporte al Desarrollo - Dirección Técnica IP > > ___ > 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] Conversor de unidades
Sabe alguien donde encontrar un conversor de unidades? Necesito convertir algunas unidades de PX a EM pero no para fuentes [1] sino para Capas (DIV) [1] http://riddle.pl/emcalc/ Ing Reynier Pérez Mira Grupo Soporte al Desarrollo - Dirección Técnica IP ___ 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
