Re: [Ovillo] font-size 62,5% es igual a 10px
Ya entendido al 100% depende de la herencia de los components HTML.
Salu2 y gracias por la respuesta
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:ovillo-
> [EMAIL PROTECTED] En nombre de Federico MP
> Enviado el: Monday, July 10, 2006 6:46 PM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] font-size 62,5% es igual a 10px
>
> On 7/10/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > Me explico un poco mejor. Si por ejemplo tengo esto:
> > body {
> > font-size: 76%;
> > }
> > Y luego aplico esto a un h1
> > h1 {
> > font-size: 94%;
> > }
> >
> > Ese 94% del h1 se le calcula al 76% anterior del body o a que?
>
> El 100% de H1 es el 76% de BODY, por lo que tu H1 tendría una fuente
> un tanto más que pequeña que el resto del texto.
>
> Si tuvieras BODY > H1 > SPAN, el 100% del SPAN sería el 94% del H1.
> --
> Federico MP
> http://511.dabomb.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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
On 7/10/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> Me explico un poco mejor. Si por ejemplo tengo esto:
> body {
> font-size: 76%;
> }
> Y luego aplico esto a un h1
> h1 {
> font-size: 94%;
> }
>
> Ese 94% del h1 se le calcula al 76% anterior del body o a que?
El 100% de H1 es el 76% de BODY, por lo que tu H1 tendría una fuente
un tanto más que pequeña que el resto del texto.
Si tuvieras BODY > H1 > SPAN, el 100% del SPAN sería el 94% del H1.
--
Federico MP
http://511.dabomb.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
Pues nada que ahora me encuentro en este mismo problema, el caso es que antes
tenía puesto en mi CSS lo siguiente:
body {
font-size: 76%;
}
Pero hace unos días atrás me encontré en el CSS de Diseñorama lo siguiente:
body {
font-size: 62.5%; /* this body font-size fixes an IE bug and maintains
x-browser uniformity */
}
La pregunta es cual de los dos es el correcto para usar. Lo otro que me he
podido dar cuenta, creo yo, es que cuando por ejemplo establezco esa propiedad
de font-size entonces todos los elementos (h1,h2,div,p) a los cuales aplique
esa propiedad me toman esos valores dependiendo del aplicado al body o no?
Me explico un poco mejor. Si por ejemplo tengo esto:
body {
font-size: 76%;
}
Y luego aplico esto a un h1
h1 {
font-size: 94%;
}
Ese 94% del h1 se le calcula al 76% anterior del body o a que?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
La solución de yahoo a este tema que discutimos hace un tiempo... http://developer.yahoo.com/yui/fonts/ A considerar. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
Martí, te sugiero una relectura de mi post. Y que luego me lo vuelvas
a comentar.
Salud,
Choan
On 3/20/06, mmundo <[EMAIL PROTECTED]> wrote:
> 2006/3/20, Choan C. Gálvez <[EMAIL PROTECTED]>:
> >
> > Eso es una barbaridad y quienes recomiendan este método unos inconscientes.
> >
> > Me explico: asignar un tamaño de fuente de X% en el `body` significa
> > que el tamaño base para la fuente del documento será un X por ciento
> > del tamaño que por defecto haya escogido el usuario.
> >
> > Por defecto, los navegadores (no sé si todos) vienen configurados con
> > un tamaño de fuente _base_ de 16px. En tal caso, asignar un tamaño de
> > fuente de 62.5% [^1] hará que el tamaño base del texto de nuestro
> > documento sea de 10px.
> >
>
> Hola Choan,
>
> Pascal en su comentario creo que ya lo explica muy bién. La idea final
> es la encontrar una regla de conversión fàcil para poder adaptar el
> diseño gráfico (que generalmente vienen en píxeles), no la de obligar
> al usuario a leer a un tamaño deterinado. La finalidad de utilizar
> esta unidad precisamente es la permitir adaptar el tamaño de fuente a
> las necesidades del usuario (cosa que no puedes hacer con los píxeles
> a no ser que modifiques la resolución).
>
> Además, hay maquetadores que desarrollan layouts elásticos, de manera
> que las medidas en píxeles de los divs y otros elementos también deben
> de convertirlas en EMs. Así que tener una regla de conversión,
> facilita mucho la cosas.
>
>
>
> > Ahora bien, ¿qué ganamos? Ná de ná. Si vamos a tener en cuenta el
> > tamaño de fuente escogido por el usuario (en caso de que lo haya
> > escogido), deberíamos establecer nuestro tamaño base como 100%.
> > Cualquier otra cosa es ir en contra del usuario.
>
>
> Yo no creo que el hecho de establecer un tamaño básico en el CSS
> diferente al tamaño por defecto del navegador sea ir en contra del
> usuario, siempre y cuando el diseño permita modificar el tamaño de la
> fuente.
>
>
> >
> > Así pues, ¿de qué tamaño queremos el texto? ¿10px [^2]? Pues dejémonos
> > de porcentajes sobre valores _desconocidos_ y escribamos
> >
> > body { font-size: 10px; }
> >
> > **Todos** los navegadores, excepto IE, pueden redimensionar tamaños de
> > fuente definidos en píxeles.
> >
> > Lo que nos deja un problema por resolver: permitir a los usuarios de
> > IE el redimensionamiento del texto. Aquí sí que me parece justificado
> > [^3] utilizar
> >
> > * html body { font-size: 62.5%; }
> >
>
>
> Precisamente este problema con Explorer conlleva un problema de
> accesibilidad. Un proyecto en el que determinado nivel de
> accesibilidad sea un requerimiento, no puedes usar píxeles para
> definir el tamaño de fuente.
>
>
> Un saludo,
> Martí Mundó
> --
> ___
> 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
2006/3/20, Choan C. Gálvez <[EMAIL PROTECTED]>:
>
> Eso es una barbaridad y quienes recomiendan este método unos inconscientes.
>
> Me explico: asignar un tamaño de fuente de X% en el `body` significa
> que el tamaño base para la fuente del documento será un X por ciento
> del tamaño que por defecto haya escogido el usuario.
>
> Por defecto, los navegadores (no sé si todos) vienen configurados con
> un tamaño de fuente _base_ de 16px. En tal caso, asignar un tamaño de
> fuente de 62.5% [^1] hará que el tamaño base del texto de nuestro
> documento sea de 10px.
>
Hola Choan,
Pascal en su comentario creo que ya lo explica muy bién. La idea final
es la encontrar una regla de conversión fàcil para poder adaptar el
diseño gráfico (que generalmente vienen en píxeles), no la de obligar
al usuario a leer a un tamaño deterinado. La finalidad de utilizar
esta unidad precisamente es la permitir adaptar el tamaño de fuente a
las necesidades del usuario (cosa que no puedes hacer con los píxeles
a no ser que modifiques la resolución).
Además, hay maquetadores que desarrollan layouts elásticos, de manera
que las medidas en píxeles de los divs y otros elementos también deben
de convertirlas en EMs. Así que tener una regla de conversión,
facilita mucho la cosas.
> Ahora bien, ¿qué ganamos? Ná de ná. Si vamos a tener en cuenta el
> tamaño de fuente escogido por el usuario (en caso de que lo haya
> escogido), deberíamos establecer nuestro tamaño base como 100%.
> Cualquier otra cosa es ir en contra del usuario.
Yo no creo que el hecho de establecer un tamaño básico en el CSS
diferente al tamaño por defecto del navegador sea ir en contra del
usuario, siempre y cuando el diseño permita modificar el tamaño de la
fuente.
>
> Así pues, ¿de qué tamaño queremos el texto? ¿10px [^2]? Pues dejémonos
> de porcentajes sobre valores _desconocidos_ y escribamos
>
> body { font-size: 10px; }
>
> **Todos** los navegadores, excepto IE, pueden redimensionar tamaños de
> fuente definidos en píxeles.
>
> Lo que nos deja un problema por resolver: permitir a los usuarios de
> IE el redimensionamiento del texto. Aquí sí que me parece justificado
> [^3] utilizar
>
> * html body { font-size: 62.5%; }
>
Precisamente este problema con Explorer conlleva un problema de
accesibilidad. Un proyecto en el que determinado nivel de
accesibilidad sea un requerimiento, no puedes usar píxeles para
definir el tamaño de fuente.
Un saludo,
Martí Mundó
--
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
Le 20/03/2006 16:20, Miguel Benítez a ecrit :
He leido por ahí en diversas ocasiones que el font-size:62,5% resetea el
tamaño de fuente a un equivalente a 10px. En mi caso no lo he conseguido
poniendo a 62,5% pero si a 62%.
Me podríais aclarar esto?
Esta técnica sirve para poder usar facilmente medidas en em. La idea es
que el tamaño por defecto de las fuentes de navegadores es de 16px,
62.5% de 16px son 10px (funciona muy bien para mi).
Asi, después 1em = 10px, 1.2em = 12px etc.
En tu caso, podria significar que tu fuente por defecto no es de 16px, o
que otra regla influya en la cascada o quie tienes un error de sintaxis.
Qué te dice el Dom inspector sobre el tamaño de fuentes del texto ?
Claro, si lo que quieres al final es usar una medida de 10px para body,
puedes definir directamente la medida en pixeles. Teoricamente es lo que
deberiamos hacer, el truco del porcentaje sirve sobre todo para no
sufrir del bug de IE que bloquea el zoom de usuario para los elementos
con medidas en pixeles.
Typicamente, si quieres un texto de 14px en la inmensa mayoria de los
navegadores pero que siga también las preferencias de los que cambiaron
el tamaño por defecto, harias asi :
body {font-size:62.5%;}
#container {font-size:1.4em;}
contenido
Y por otro lado, me encuentro un problema con un campo INPUT en firefox,
pues si no fuerzo el tamaño de fuente, se me queda a un equivalente de 12px,
y si fuerzo a 1em el tamaño me equivaldría a 11px. Pero no consigo ponerlo a
10px.
A mi me funciona bien eso:
body {font-size:62.5%; }
input {font-size:1em;}
Pascal
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
> Así pues, ¿de qué tamaño queremos el texto? ¿10px [^2]? Pues dejémonos
> de porcentajes sobre valores _desconocidos_ y escribamos
>
> body { font-size: 10px; }
Ojo, si mal no recuerdo, un valor como este puede volver nula la
legibilidad en IE Mac, que tiene los píxels más pequeños (!).
___
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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] font-size 62,5% es igual a 10px
Me parece que cualquier comentario constructivo y del que se pueda sacar
información es bienvenido, no te preocupes que no me tomo a mal tus
comentarios.
No soy novato en esto y llevo ya más de 3 años desarrollando con CSS lo que
pasa es que he aprendido a patadas, leyendo de aquí, de allá, probando
cosas,etc...
No se que tecnica debo usar, ahora uso esta, pero si alguien me justifica
(como tú) que esto no es correcto, dejaré de usarlo y probar con lo que me
digan que es más correcto.
Aparte de esto...
Alguien sabe porqué en mis input text no puedo poner un tamaño letra de
10px??
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Choan C. Gálvez
Enviado el: lunes, 20 de marzo de 2006 16:51
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] font-size 62,5% es igual a 10px
On 3/20/06, Miguel Benítez <[EMAIL PROTECTED]> wrote:
> body{ font-family: Arial, Helvetica, sans-serif; font-size:62%;
> color:#676767; }
>
> He leido por ahí en diversas ocasiones que el font-size:62,5% resetea el
> tamaño de fuente a un equivalente a 10px. En mi caso no lo he conseguido
> poniendo a 62,5% pero si a 62%.
Eso es una barbaridad y quienes recomiendan este método unos inconscientes.
Me explico: asignar un tamaño de fuente de X% en el `body` significa
que el tamaño base para la fuente del documento será un X por ciento
del tamaño que por defecto haya escogido el usuario.
Por defecto, los navegadores (no sé si todos) vienen configurados con
un tamaño de fuente _base_ de 16px. En tal caso, asignar un tamaño de
fuente de 62.5% [^1] hará que el tamaño base del texto de nuestro
documento sea de 10px.
Ahora bien, ¿qué ganamos? Ná de ná. Si vamos a tener en cuenta el
tamaño de fuente escogido por el usuario (en caso de que lo haya
escogido), deberíamos establecer nuestro tamaño base como 100%.
Cualquier otra cosa es ir en contra del usuario.
Así pues, ¿de qué tamaño queremos el texto? ¿10px [^2]? Pues dejémonos
de porcentajes sobre valores _desconocidos_ y escribamos
body { font-size: 10px; }
**Todos** los navegadores, excepto IE, pueden redimensionar tamaños de
fuente definidos en píxeles.
Lo que nos deja un problema por resolver: permitir a los usuarios de
IE el redimensionamiento del texto. Aquí sí que me parece justificado
[^3] utilizar
* html body { font-size: 62.5%; }
Quede este asunto abierto para debate.
[^1]: 10 / 16 * 100
[^2]: 10 px es un tamaño de texto pequeño, muy pequeño, diminuto
dependiendo de si somos jóvenes, no tan jóvenes o mayorzotes (y eso
sin tener en cuenta los posibles defectos visuales no relacionados con
la edad).
[^3]: No tan justificado, véase [^2].
Salud,
Choan
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
On 3/20/06, Miguel Benítez <[EMAIL PROTECTED]> wrote:
> body{ font-family: Arial, Helvetica, sans-serif; font-size:62%;
> color:#676767; }
>
> He leido por ahí en diversas ocasiones que el font-size:62,5% resetea el
> tamaño de fuente a un equivalente a 10px. En mi caso no lo he conseguido
> poniendo a 62,5% pero si a 62%.
Eso es una barbaridad y quienes recomiendan este método unos inconscientes.
Me explico: asignar un tamaño de fuente de X% en el `body` significa
que el tamaño base para la fuente del documento será un X por ciento
del tamaño que por defecto haya escogido el usuario.
Por defecto, los navegadores (no sé si todos) vienen configurados con
un tamaño de fuente _base_ de 16px. En tal caso, asignar un tamaño de
fuente de 62.5% [^1] hará que el tamaño base del texto de nuestro
documento sea de 10px.
Ahora bien, ¿qué ganamos? Ná de ná. Si vamos a tener en cuenta el
tamaño de fuente escogido por el usuario (en caso de que lo haya
escogido), deberíamos establecer nuestro tamaño base como 100%.
Cualquier otra cosa es ir en contra del usuario.
Así pues, ¿de qué tamaño queremos el texto? ¿10px [^2]? Pues dejémonos
de porcentajes sobre valores _desconocidos_ y escribamos
body { font-size: 10px; }
**Todos** los navegadores, excepto IE, pueden redimensionar tamaños de
fuente definidos en píxeles.
Lo que nos deja un problema por resolver: permitir a los usuarios de
IE el redimensionamiento del texto. Aquí sí que me parece justificado
[^3] utilizar
* html body { font-size: 62.5%; }
Quede este asunto abierto para debate.
[^1]: 10 / 16 * 100
[^2]: 10 px es un tamaño de texto pequeño, muy pequeño, diminuto
dependiendo de si somos jóvenes, no tan jóvenes o mayorzotes (y eso
sin tener en cuenta los posibles defectos visuales no relacionados con
la edad).
[^3]: No tan justificado, véase [^2].
Salud,
Choan
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
En el caso del tamaño de fuente, debes usar como separador decimal un
punto y no una coma: 62.5% en lugar de 62,5%.
Miguel Benítez escribió:
Hola a todos,
Desde hace tiempo, cuando comienzo una hoja de estilos, reseteo todo lo que
puedo como por ejemplo:
* {margin:0; padding:0}
body{ font-family: Arial, Helvetica, sans-serif; font-size:62%;
color:#676767; }
He leido por ahí en diversas ocasiones que el font-size:62,5% resetea el
tamaño de fuente a un equivalente a 10px. En mi caso no lo he conseguido
poniendo a 62,5% pero si a 62%.
Me podríais aclarar esto?
Y por otro lado, me encuentro un problema con un campo INPUT en firefox,
pues si no fuerzo el tamaño de fuente, se me queda a un equivalente de 12px,
y si fuerzo a 1em el tamaño me equivaldría a 11px. Pero no consigo ponerlo a
10px.
Alguien se encuentra con estos problemas??
Muchas gracias
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.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://ovillo.org/mailman/listinfo/ovillo
--
Jacinto Lajas
weblogs:
-- http://www.lacoctelera.com/stralunato
-- http://blog.lacuevaelmirlo.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
> body{ font-family: Arial, Helvetica, sans-serif; font-size:62%;
> color:#676767; }
>
> He leido por ahí en diversas ocasiones que el font-size:62,5% resetea el
> tamaño de fuente a un equivalente a 10px. En mi caso no lo he conseguido
> poniendo a 62,5% pero si a 62%.
>
> Me podríais aclarar esto?
Miguel, con que DOCTYPE estás trabajando? La reacción de IE pueden
variar en función de eso.
Lo que yo utilizo siempre es el número mágico:
body { font-size: 76%; }
Y luego en el resto de los elementos (párrafos, encabezados) seteo el
tamaño en % o ems en relación a ese número del body. SIEMPRE con
valores que terminen en 2 o en 6. Ejemplo,
h1 { font-size: 176%;}
p {font-size: 82%}
La explicación está en http://www.thenoodleincident.com/tutorials/typography/
> Y por otro lado, me encuentro un problema con un campo INPUT en firefox,
> pues si no fuerzo el tamaño de fuente, se me queda a un equivalente de 12px,
> y si fuerzo a 1em el tamaño me equivaldría a 11px. Pero no consigo ponerlo a
¿Probaste con input {font-size: 100%;} o tal vez input {font-size: inherit;} ?
Saludos,
- Manuel
--
Manuel Razzari
YO -> http://ultimorender.com.ar/funkascript
CVAM -> http://conVistaAlMar.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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] font-size 62,5% es igual a 10px
Hola a todos,
Desde hace tiempo, cuando comienzo una hoja de estilos, reseteo todo lo que
puedo como por ejemplo:
* {margin:0; padding:0}
body{ font-family: Arial, Helvetica, sans-serif; font-size:62%;
color:#676767; }
He leido por ahí en diversas ocasiones que el font-size:62,5% resetea el
tamaño de fuente a un equivalente a 10px. En mi caso no lo he conseguido
poniendo a 62,5% pero si a 62%.
Me podríais aclarar esto?
Y por otro lado, me encuentro un problema con un campo INPUT en firefox,
pues si no fuerzo el tamaño de fuente, se me queda a un equivalente de 12px,
y si fuerzo a 1em el tamaño me equivaldría a 11px. Pero no consigo ponerlo a
10px.
Alguien se encuentra con estos problemas??
Muchas gracias
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.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://ovillo.org/mailman/listinfo/ovillo
