Re: [Ovillo] font-size 62,5% es igual a 10px

2006-07-10 Por tema Reynier Perez Mira
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

2006-07-10 Por tema Federico MP
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

2006-07-10 Por tema Reynier Perez Mira
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

2006-05-10 Por tema Manuel Razzari
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

2006-03-20 Por tema Manuel Razzari
 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


Re: [Ovillo] font-size 62,5% es igual a 10px

2006-03-20 Por tema Jacinto Lajas
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
mailto:[EMAIL PROTECTED] [EMAIL PROTECTED]

file:///C:\Documents%20and%20Settings\Miguel\Datos%20de%20programa\Microsof
t\Signatures\www.miguelbenitez.com 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

2006-03-20 Por tema Choan C. Gálvez
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%.

tono class=radical
Eso es una barbaridad y quienes recomiendan este método unos inconscientes.
/tono

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

2006-03-20 Por tema Miguel Benítez
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%.

tono class=radical
Eso es una barbaridad y quienes recomiendan este método unos inconscientes.
/tono

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

2006-03-20 Por tema Manuel Razzari
 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

2006-03-20 Por tema oberon



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

body
 div id=container
  contenido
 /div
/body




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

2006-03-20 Por tema mmundo
2006/3/20, Choan C. Gálvez [EMAIL PROTECTED]:
 tono class=radical
 Eso es una barbaridad y quienes recomiendan este método unos inconscientes.
 /tono
 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

2006-03-20 Por tema Choan C. Gálvez
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]:
  tono class=radical
  Eso es una barbaridad y quienes recomiendan este método unos inconscientes.
  /tono
  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