[Ovillo] vertical-align: ¿?
A alguien le ha funcionado vertical-align. ¿? A mi nunca... Saludo, DJ-Dom -- www.dj-dom.net [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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] vertical-align
Sí que funciona, solo que hay que tener en cuenta dónde se coloca, que
sea un elemento inline. Por ejemplo, en el HTML siguiente:
div id='menu'
ul
lia id='a1' href='http://www.dominio.com/a1'
title='A3'Uno/a/li
lia id='a2' href='http://www.dominio.com/a2'
title='A2'Dos/a/li
lia id='a3' href='http://www.dominio.com/a3'
title='A1'Tres/a/li
/ul
/div
con el CSS siguiente:
#menu
{
border:0;
margin:0;
padding:0;
}
#menu_estudis ul
{
margin:0;
padding:0;
text-align:center
}
#menu ul li
{
padding: 3px;
vertical-align:25%;
display: inline
}
funciona perfectamente. Fíjate que he puesto una alineación vertical en
porcentaje, pero se puede poner también en píxeles (o emes) o bien con
unos valores literales (hasta ocho creo) que tienen como referencia
normalmente la línea imaginaria que sirve de base al texto. En los
porcentajes, también se toma como referencia esa base, y en este caso
elevo el texto un 25%. Podría hacerlo negativo si quiero colocarlo por
debajo, etc.
Espero que te sirva.
\\ jordi m
___
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
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
Re: [Ovillo] vertical-align
El problema con vertical-align es cuando queremos hacer lo que fácilmente hacíamos con un td valign=middle. Hay varias técnicas, depende del caso y del gusto de cada uno... Estas son mis favoritas: Para centrar una imagen en toda la página, o en gral. cuando conozco el height de la imagen pero el contenedor es variable: http://www.wpdfd.com/editorial/thebox/deadcentre4.html Para una galería de imágenes, cuando no conozco el height de la imagen pero si el del contenedor: http://mrclay.org/web_design/centered_image/ Espero que sirva, 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
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
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
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
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
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
[Ovillo] Aplicar estilo a elemento INPUT
Hola lista:
Tengo la clase general para elementos INPUT de la siguiente forma:
input {
text-indent: 2px;
font: 1em Tahoma;
}
Ahora tengo un TD cuya clase es la que sigue:
td.formulario_busqueda_abajo {
background: url(../images/simpro_r9_c2.jpg) no-repeat;
line-height: 25px; width: 255px;
}
Dentro de ese TD debo poner un elemento INPUT pero quiero que este salga
diferente al elemento INPUT definido de forma general. Para ello he hecho esto:
td.formulario_busqueda_abajo input {
background: transparent;
text-indent: 3px;
font: 0.8em Tahoma;
}
Pero no me sale. Siempre me toma las propiedades del otro. Que es lo que hago
mal?
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demás...
___
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;}
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] Aplicar estilo a elemento INPUT
Reynier Perez Mira a écrit :
Hola lista:
Tengo la clase general para elementos INPUT de la siguiente forma:
input {
text-indent: 2px;
font: 1em Tahoma;
}
Ahora tengo un TD cuya clase es la que sigue:
td.formulario_busqueda_abajo {
background: url(../images/simpro_r9_c2.jpg) no-repeat;
line-height: 25px; width: 255px;
}
Dentro de ese TD debo poner un elemento INPUT pero quiero que este salga
diferente al elemento INPUT definido de forma general. Para ello he hecho esto:
td.formulario_busqueda_abajo input {
background: transparent;
text-indent: 3px;
font: 0.8em Tahoma;
}
Pero no me sale. Siempre me toma las propiedades del otro. Que es lo que hago
mal?
Probablemente un pequeno error de sintaxis en el html, pon un ejemplo
onlibe que lo miremos.
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] vertical-align: ¿?
a mí sí me funciona. Lo suelo usar cuando a lo mejor quiero alinear un icono con el texto que aparece al lado Miguel Benítez escribió: Hombre, a mi me ha funcionado muchas veces... Con IMG, INPUT, TD y ahora no recuerdo con que más... pero creo que solo es con esas etiquetas... Pruebalo ya verás como funciona. Saludines - Miguel Angel Benítez Martínez Diseñador gráfico / Desarrollador web [EMAIL PROTECTED] www.miguelbenitez.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom Enviado el: lunes, 20 de marzo de 2006 12:32 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] vertical-align: ¿? A alguien le ha funcionado vertical-align. ¿? A mi nunca... Saludo, DJ-Dom -- www.dj-dom.net [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://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 -- Félix Zapata Berlinches Tanta Tecnología y Comunicación Grupo Onetec c/ Julián Camarillo 26 1º Of. 2 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.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
RE: [Ovillo] Aplicar estilo a elemento INPUT
No puedo. Lo que puedo hacer es mandar imagenes de muestra y el codigo HTML
generado
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demás...
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de oberon
Enviado el: Monday, March 20, 2006 2:17 PM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Aplicar estilo a elemento INPUT
Reynier Perez Mira a écrit :
Hola lista:
Tengo la clase general para elementos INPUT de la siguiente forma:
input {
text-indent: 2px;
font: 1em Tahoma;
}
Ahora tengo un TD cuya clase es la que sigue:
td.formulario_busqueda_abajo {
background: url(../images/simpro_r9_c2.jpg) no-repeat;
line-height: 25px; width: 255px;
}
Dentro de ese TD debo poner un elemento INPUT pero quiero
que este salga diferente al elemento INPUT definido de forma
general. Para ello he hecho esto:
td.formulario_busqueda_abajo input {
background: transparent;
text-indent: 3px;
font: 0.8em Tahoma;
}
Pero no me sale. Siempre me toma las propiedades del otro.
Que es lo que hago mal?
Probablemente un pequeno error de sintaxis en el html, pon un ejemplo
onlibe que lo miremos.
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
___
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] Images de titulo
Kuitontv escribió: Hola, Estoy utilizando unas imágenes para el titulo de mi pagina, pero al intentar validar la misma me dice que no utilizo las etiquetas H1. Se puede utilizar esta etiqueta con imágenes? Me quedaria algo asi H1img... /img/H1 Estara bien? O hay alguna otra forma? Saludos. Fernando yo no he tenido problemas de validación a la hora de incluir una imagen en un título de la siguiente forma: h1img src= width= height= //h1 -- Félix Zapata Berlinches Tanta Tecnología y Comunicación Grupo Onetec c/ Julián Camarillo 26 1º Of. 2 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.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
Re: [Ovillo] font-size 62,5% es igual a 10px
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
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
RE: [Ovillo] Aplicar estilo a elemento INPUT
Reynier,
Esto funciona perfectamente:
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/
titleDocumento sin tiacute;tulo/title
/head
style
input {
border:1px solid black
}
td.formulario_busqueda_abajo input {
border: 2px solid black
}
/style
body
input name= type=text /
table width=100% border=0
tr
td class='formulario_busqueda_abajo'
input name= type=text /
/td
tdnbsp;/td
/tr
/table
/body
/html
El primer input asume 1 px de border
El segundo al pertenecer a un TD con class formulario_busqueda_abajo
asum 2px
Revisa tu html y css
Saludos cordiales,
Daniel Calderón Gálvez
[EMAIL PROTECTED]
www.danicalderon.com
http://blog.danicalderon.com/
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira
Enviado el: lunes, 20 de marzo de 2006 20:43
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Aplicar estilo a elemento INPUT
Hola lista:
Tengo la clase general para elementos INPUT de la siguiente forma:
input {
text-indent: 2px;
font: 1em Tahoma;
}
Ahora tengo un TD cuya clase es la que sigue:
td.formulario_busqueda_abajo {
background: url(../images/simpro_r9_c2.jpg) no-repeat;
line-height: 25px; width: 255px;
}
Dentro de ese TD debo poner un elemento INPUT pero quiero que este salga
diferente al elemento INPUT definido de forma general. Para ello he
hecho esto:
td.formulario_busqueda_abajo input {
background: transparent;
text-indent: 3px;
font: 0.8em Tahoma;
}
Pero no me sale. Siempre me toma las propiedades del otro. Que es lo que
hago mal?
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él,
secretamente, lo fomenta porque es así como adquiere su legendaria
sabiduría: escuchando ayudando a los demás...
___
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
[Ovillo] CSS y (X)HTML Newsletter
Hola a todos en la lista. Alguien sabe de algunos buenos tutoriales para crear Newletters con estándares web (css-xhtml) y hacer que funcionen en todos o la mayoría de los clientes de e-mail? He buscado en Google pero sólo encuentro tutoriales para Newsletter hechos con tablas y la verdad es que no se ven nada bien, muchos nisiquiera cargan las imágenes o se deforman con el ancho de la ventana. Ojalá me puedan ayudar, gracias de antemano y un saludo a todos. Guillermo. ___ 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] CSS y (X)HTML Newsletter
Por si te sirver de algo: http://www.mailchimp.com/resources/lps/email_design.phtml On 3/20/06, Guillermo Trejo [EMAIL PROTECTED] wrote: Hola a todos en la lista. Alguien sabe de algunos buenos tutoriales para crear Newletters con estándares web (css-xhtml) y hacer que funcionen en todos o la mayoría de los clientes de e-mail? He buscado en Google pero sólo encuentro tutoriales para Newsletter hechos con tablas y la verdad es que no se ven nada bien, muchos nisiquiera cargan las imágenes o se deforman con el ancho de la ventana. Ojalá me puedan ayudar, gracias de antemano y un saludo a todos. Guillermo. ___ 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 -- Saludos / Best Regards David Rodriguez Vega (McDave) web: http://www.mcdave.net email: [EMAIL PROTECTED] skype: doobix linux user: 351999 ___ 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] Marcado de una lista y ancho de caja con firefox
José Miguel Perea escribió: Hola a todos: Tengo dos cuestiones. La primera, si veis la url siguiente http://www.ajepcoin.com/hegomor/principal.php?pos=1 , con explorer la caja de la derecha con los proveedores se ve bien en cambio con firefox no sé expande entero. os paso las css: Prueba a resetear el ul y el li con un margin:0 ; y padding: 0; Para terminar os mando la url de la plantilla para que veáis gráficamente lo que digo: http://www.ajepcoin.com/hegomor/plantillainicio1/PLANTILLAINICIO.HTM. En un png y pesa un poco. Mi objetivo es poner una imagen con un texto asociado, y no sé si poner en li diferentes o en cada li de imagen abrir una nueva lista e insertarlo dentro. Si sabéis una forma mas correcta decídmelo. Yo pondría ul liimg / a href=/a/li liimg / a href=/a/li liimg / a href=/a/li /ul -- Saludos -=stripTM=- ___ 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] CSS y (X)HTML Newsletter
La única que se me ocurre en este momento: CSS and Email, Kissing in a Tree: http://www.alistapart.com/articles/cssemail -- 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] Aplicar estilo a elemento INPUT
y de esta forma:?
.formulario_busqueda_abajo td input {
background: transparent;
text-indent: 3px;
font: 0.8em Tahoma;
}
¿?
Saludo,
DJ-Dom
El día 20/03/06, Daniel calderón [EMAIL PROTECTED]
escribió:
Reynier,
Esto funciona perfectamente:
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/
titleDocumento sin título/title
/head
style
input {
border:1px solid black
}
td.formulario_busqueda_abajo input {
border: 2px solid black
}
/style
body
input name= type=text /
table width=100% border=0
tr
td class='formulario_busqueda_abajo'
input name= type=text /
/td
td/td
/tr
/table
/body
/html
El primer input asume 1 px de border
El segundo al pertenecer a un TD con class formulario_busqueda_abajo
asum 2px
Revisa tu html y css
Saludos cordiales,
Daniel Calderón Gálvez
[EMAIL PROTECTED]
www.danicalderon.com
http://blog.danicalderon.com/
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira
Enviado el: lunes, 20 de marzo de 2006 20:43
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Aplicar estilo a elemento INPUT
Hola lista:
Tengo la clase general para elementos INPUT de la siguiente forma:
input {
text-indent: 2px;
font: 1em Tahoma;
}
Ahora tengo un TD cuya clase es la que sigue:
td.formulario_busqueda_abajo {
background: url(../images/simpro_r9_c2.jpg) no-repeat;
line-height: 25px; width: 255px;
}
Dentro de ese TD debo poner un elemento INPUT pero quiero que este salga
diferente al elemento INPUT definido de forma general. Para ello he
hecho esto:
td.formulario_busqueda_abajo input {
background: transparent;
text-indent: 3px;
font: 0.8em Tahoma;
}
Pero no me sale. Siempre me toma las propiedades del otro. Que es lo que
hago mal?
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él,
secretamente, lo fomenta porque es así como adquiere su legendaria
sabiduría: escuchando ayudando a los demás...
___
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
--
www.dj-dom.net
[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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] vertical-align: ¿?
Pues tendré problemas de implementación o de navegador o como dice Jose usar display:inline; Saludo, DJ-Dom El día 20/03/06, Félix Zapata Berlinches [EMAIL PROTECTED] escribió: a mí sí me funciona. Lo suelo usar cuando a lo mejor quiero alinear un icono con el texto que aparece al lado Miguel Benítez escribió: Hombre, a mi me ha funcionado muchas veces... Con IMG, INPUT, TD y ahora no recuerdo con que más... pero creo que solo es con esas etiquetas... Pruebalo ya verás como funciona. Saludines - Miguel Angel Benítez Martínez Diseñador gráfico / Desarrollador web [EMAIL PROTECTED] www.miguelbenitez.com -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de DJ-Dom Enviado el: lunes, 20 de marzo de 2006 12:32 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] vertical-align: ¿? A alguien le ha funcionado vertical-align. ¿? A mi nunca... Saludo, DJ-Dom -- www.dj-dom.net [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://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 -- Félix Zapata Berlinches Tanta Tecnología y Comunicación Grupo Onetec c/ Julián Camarillo 26 1º Of. 2 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.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 -- www.dj-dom.net [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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Aplicar estilo a elemento INPUT
Bueno gracias a todos. Al parecer el error era mio porque ahora me funciona.
Miren debajo:
form {
width: auto; background: transparent;
}
td.formulario_busqueda_abajo {
background: url(../images/simpro_r9_c2.jpg) no-repeat;
line-height: 25px; width: 255px;
text-align: center;
}
td.formulario_busqueda_abajo input {
color: #FF;
background: transparent;
text-indent: 3px;
font: 11px/100% Tahoma;
}
Gracias a todos por responder. No había dicho antes que estaba solucionado
porque no había tenido chance.
Salu2
--
ReynierPM
4to. Ing. Informática
Linux User: #310201
El programador superhéroe aprende de compartir sus conocimientos. Es el
referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente,
lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando
ayudando a los demás...
___
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] vertical-align
Q El día 20/03/06, Manuel Razzari [EMAIL PROTECTED] escribió: El problema con vertical-align es cuando queremos hacer lo que fácilmente hacíamos con un td valign=middle. Hay varias técnicas, depende del caso y del gusto de cada uno... Estas son mis favoritas: Para centrar una imagen en toda la página, o en gral. cuando conozco el height de la imagen pero el contenedor es variable: http://www.wpdfd.com/editorial/thebox/deadcentre4.html Para una galería de imágenes, cuando no conozco el height de la imagen pero si el del contenedor: http://mrclay.org/web_design/centered_image/ Espero que sirva, 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 -- www.dj-dom.net [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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] vertical-align
Que buena info me han dado, parecía que no soltaba la vieja metodología de valign... Gracias... Saludo, DJ-Dom El día 21/03/06, DJ-Dom [EMAIL PROTECTED] escribió: Q El día 20/03/06, Manuel Razzari [EMAIL PROTECTED] escribió: El problema con vertical-align es cuando queremos hacer lo que fácilmente hacíamos con un td valign=middle. Hay varias técnicas, depende del caso y del gusto de cada uno... Estas son mis favoritas: Para centrar una imagen en toda la página, o en gral. cuando conozco el height de la imagen pero el contenedor es variable: http://www.wpdfd.com/editorial/thebox/deadcentre4.html Para una galería de imágenes, cuando no conozco el height de la imagen pero si el del contenedor: http://mrclay.org/web_design/centered_image/ Espero que sirva, saludos - manuel -- Manuel Razzari YO - http://ultimorender.com.ar/funkascript CVAM - http://conVistaAlMar.com.ar 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 -- www.dj-dom.net [EMAIL PROTECTED] -- www.dj-dom.net [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://ovillo.org/mailman/listinfo/ovillo
