[Ovillo] Dimensiones de un documento y resoluciones de pantalla
Hola a todos. Esto más que un problema técnico sería un problema de elección. Es cierto que según las pautas de accesibilidad se recomienda diseñar siempre al 100% de anchura, de forma que la web se ajuste según la resolución de tu pantalla. Sin embargo, por razones puramente estéticas yo tengo un caso donde debo mantener un ancho fijo. Hasta ahora siempre me he movido en el rango de 800x600, pero de un tiempo hasta ahora he comprobado que las 1024x768 se están convirtiendo en la resolución estandard de casi todos los usuarios, supongo que debido al auge de los TFT. Dado que he visto por aquí que hay mucho sibarita del detalle y en cierto modo esto tiene que ver con el css, me gustaría conocer vuestras impresiones al rspecto. Un saludo, -- Francisco J. Beltrán Hernández Fundación Mediterránea STIC - Area de Desarrollo Universidad de Almería [EMAIL PROTECTED] -- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Boton submit como imagen
Hola, tengo una duda, a ver si me la podeis resolver. Para hacer las páginas más accesibles está claro que a la hora de enviar un formulario (por post) hay que usar un button del tipo submit. Usar a hrefs está vetado, ya que necesitan de javascript para su correcto funcionamiento. A mi me ha surgido la necesidad de que el botón sea una imagen, por lo que, usando css, le he ajustado el tamaño al de la imagen y he puesto ésta como background. Sin embargo, no consigo hacer que desaparezca el texto del botón (el del value), y no quiero dejar el value vacío, ya que me imagino debería aparecer por si se deshabilitan los estilos. He jugado con displays, visibility, overflows, etc y no consigo hacer nada que se vea correctamente. ¿alguien tiene una solución? -- Francisco J. Beltrán Hernández Fundación Mediterránea STIC - Area de Desarrollo Universidad de Almería [EMAIL PROTECTED] -- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Boton submit como imagen
Pensaba que el type=image no era un submit. Se me ha quedado cara tonto, jeje. Muchas gracias. -- Francisco J. Beltrán Hernández Fundación Mediterránea STIC - Area de Desarrollo Universidad de Almería [EMAIL PROTECTED] -- -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Félix Horro Pita Enviado el: miércoles, 19 de diciembre de 2007 14:12 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Boton submit como imagen input type=image src=/i/botonsubmit.png / incluso puedes mirar el tag button. Francisco José Beltrán Hernández escribió: Hola, tengo una duda, a ver si me la podeis resolver. Para hacer las páginas más accesibles está claro que a la hora de enviar un formulario (por post) hay que usar un button del tipo submit. Usar a hrefs está vetado, ya que necesitan de javascript para su correcto funcionamiento. A mi me ha surgido la necesidad de que el botón sea una imagen, por lo que, usando css, le he ajustado el tamaño al de la imagen y he puesto ésta como background. Sin embargo, no consigo hacer que desaparezca el texto del botón (el del value), y no quiero dejar el value vacío, ya que me imagino debería aparecer por si se deshabilitan los estilos. He jugado con displays, visibility, overflows, etc y no consigo hacer nada que se vea correctamente. ¿alguien tiene una solución? -- Francisco J. Beltrán Hernández Fundación Mediterránea STIC - Area de Desarrollo Universidad de Almería [EMAIL PROTECTED] -- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] Capa que se amplie según el contenido f ijo en ie7
Hola.
Lo que me interesa que suceda es lo que hace por defecto el ie6, ya sea
erróneo o no. Es decir, que si el contenido sobrepasa de la anchura de la
capa que lo contiene, entonces la capa se estire y no sobresalga el
contenido de la misma.
David, lo que me has puesto no me funciona. Tanto en FF como en ie7 con ese
estilo la capa se estira al 100% de la pantalla. Y esto me extraña, puesto
que pensaba que FF aceptaba el min-width, aunque el ie7 he oido que no lo
hace. El overflow hidden tampoco me vale, ya que quiero que el contenido se
vea completo.
¿Alguna otra idea?
--
Francisco J. Beltrán Hernández
Fundación Mediterránea
STIC - Area de Desarrollo
Universidad de Almería
[EMAIL PROTECTED]
--
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Maikel Naigt
Enviado el: martes, 27 de noviembre de 2007 10:30
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo]Capa que se amplie según el contenido fijo en ie7
Hola Francisco.
Debe quedar claro que el comportamiento correcto es que el contenedor
mantenga la anchura que has definido por estilos, independientemente del
tamaño del contenido. El modo de actuar de IE6 es totalmente erróneo, es
como si en la cocina echaras el aceite de freir pescado usado en la aceitera
de la carne y te pareciera tan normal.
A la vista de tu mensaje no se exactamente que es lo que quieres, pero
intentaré darte las dos aproximaciones posibles:
1. Si lo que deseas es que el contenedor sea de una anchura mínima de 100px
y se ensanche si su contenido le supera, pon esto:
div { min-width: 100px; }
* html div { width: 100px; }
NOTAS:
· El IE6 no entiende la propiedad min-width. (En realidad trata la 'width'
como si fuera 'min-width').
· FF e IE7 no atienden al selector ' * html ' así que no se dan cuenta de
que establecemos la anchura FIJA 'width' en 100px. Solo atienden a la
anchura mínima.
2. Si lo que deseas es que el contenedor tenga la anchura que le especificas
sin tener en cuenta el ancho del contenido:
div { width: 100px; overflow: hidden; }
Un saludo,
David
On Nov 27, 2007 12:33 AM, Francisco J. Beltrán Hernández [EMAIL PROTECTED]
wrote:
Hola.
Tengo un problema, que debe ser una tontería pero que me tiene loco
desde hace unas horas.
A ver si me podeis echar una mano, lo pondré con un ejemplo tonto:
Tengo
div
hr width=200px /
/div
y el siguiente estilo
div {
width: 100px;
border:#00 1px solid;
}
Como podeis comprobar, la anchura del div es inferior a la del hr que
he metido dentro.
- En el iexplorer 6 me expande el div automáticamente (por una vez
hace algo decente este navegador sin decirle nada).
- El firefox me deja el tamaño fijo de la capa y sobresale el hr, pero
lo he solucionado incluyendo la linea display: table en el estilo.
- En el iexplorer 7 también se me queda fijo el div y sobresale el hr,
pero no soporta el display:table y no se me ocurre otra formade
hacerlo.
¿alguna idea con el ie7?
Gracias
Francisco J. Beltrán Hernández
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
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] Capa que se amplie según el contenido f ijo en ie7
Pues sí, con overflow:visible y mis primeras modificaciones funciona tal y
como quería en todos los navegadores:
div {
width: 100px; /* para ie6 por defecto*/
overflow:visible; /* para ie7 */
display:table} /* para FF */
}
Muchas gracias por vuestras aportaciones
Saludos
--
Francisco J. Beltrán Hernández
Fundación Mediterránea
STIC - Area de Desarrollo
Universidad de Almería
[EMAIL PROTECTED]
--
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Almorca
Enviado el: martes, 27 de noviembre de 2007 11:06
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo]Capa que se amplie según el contenido fijo en ie7
prueba con overflow: visible;
El día 27/11/07, Francisco José Beltrán Hernández [EMAIL PROTECTED]
escribió:
Hola.
Lo que me interesa que suceda es lo que hace por defecto el ie6, ya
sea erróneo o no. Es decir, que si el contenido sobrepasa de la
anchura de la capa que lo contiene, entonces la capa se estire y no
sobresalga el contenido de la misma.
David, lo que me has puesto no me funciona. Tanto en FF como en ie7
con ese estilo la capa se estira al 100% de la pantalla. Y esto me
extraña, puesto que pensaba que FF aceptaba el min-width, aunque el
ie7 he oido que no lo hace. El overflow hidden tampoco me vale, ya que
quiero que el contenido se vea completo.
¿Alguna otra idea?
--
Francisco J. Beltrán Hernández
Fundación Mediterránea
STIC - Area de Desarrollo
Universidad de Almería
[EMAIL PROTECTED]
--
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de Maikel Naigt
Enviado el: martes, 27 de noviembre de 2007 10:30
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo]Capa que se amplie según el contenido fijo en ie7
Hola Francisco.
Debe quedar claro que el comportamiento correcto es que el contenedor
mantenga la anchura que has definido por estilos, independientemente
del tamaño del contenido. El modo de actuar de IE6 es totalmente
erróneo, es como si en la cocina echaras el aceite de freir pescado
usado en la aceitera de la carne y te pareciera tan normal.
A la vista de tu mensaje no se exactamente que es lo que quieres, pero
intentaré darte las dos aproximaciones posibles:
1. Si lo que deseas es que el contenedor sea de una anchura mínima de
100px y se ensanche si su contenido le supera, pon esto:
div { min-width: 100px; }
* html div { width: 100px; }
NOTAS:
· El IE6 no entiende la propiedad min-width. (En realidad trata la
'width'
como si fuera 'min-width').
· FF e IE7 no atienden al selector ' * html ' así que no se dan cuenta
de que establecemos la anchura FIJA 'width' en 100px. Solo atienden a
la anchura mínima.
2. Si lo que deseas es que el contenedor tenga la anchura que le
especificas sin tener en cuenta el ancho del contenido:
div { width: 100px; overflow: hidden; }
Un saludo,
David
On Nov 27, 2007 12:33 AM, Francisco J. Beltrán Hernández
[EMAIL PROTECTED]
wrote:
Hola.
Tengo un problema, que debe ser una tontería pero que me tiene loco
desde hace unas horas.
A ver si me podeis echar una mano, lo pondré con un ejemplo tonto:
Tengo
div
hr width=200px /
/div
y el siguiente estilo
div {
width: 100px;
border:#00 1px solid;
}
Como podeis comprobar, la anchura del div es inferior a la del hr
que he metido dentro.
- En el iexplorer 6 me expande el div automáticamente (por una vez
hace algo decente este navegador sin decirle nada).
- El firefox me deja el tamaño fijo de la capa y sobresale el hr,
pero lo he solucionado incluyendo la linea display: table en el estilo.
- En el iexplorer 7 también se me queda fijo el div y sobresale el
hr, pero no soporta el display:table y no se me ocurre otra formade
hacerlo.
¿alguna idea con el ie7?
Gracias
Francisco J. Beltrán Hernández
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
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
Re: [Ovillo] Ancho de párrafo
Hola a todos, esta es mi primera aportación a esta lista. Y es que precisamente hoy me ha surgido el mismo problema que a Pablo. Tengo divcontenido/div y quiero que la capa se ajuste al contenido y no tome el 100% por defecto. ¿en qué ha quedado la solución?, porque lo del display:inline sólo va en explorer y tal como decíais se le van los margin y paddings. Saludos y gracias -- Francisco J. Beltrán Hernández Fundación Mediterránea STIC - Area de Desarrollo Universidad de Almería [EMAIL PROTECTED] -- -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Almorca Enviado el: jueves, 01 de noviembre de 2007 23:40 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ancho de párrafo El día 1/11/07, jaume op [EMAIL PROTECTED] escribió: Quedo muyyy bonito, pero creo que no es lo que tu solicitabas. He visto que nos has enseñado lo que querias, satisfecha? Saludos Jaume En realidad estoy satisfecho. El problema es que a lo mejor no he expresado correctamente lo que quería. Gracias por lo de quedó muy bonito, pero creo que todavía me queda mucho trabajo por hacer. El día 1/11/07, Almorca [EMAIL PROTECTED] escribió: La solución del display:inline; funciona sólo que todo se me alinea en el top y el padding me deja de funcionar por lo que he decidido darle un float:left a la capa y ponerle clear:left a la capa inferior para que no se descoloque todo. En cuento a lo del ancho fijo no me servía porque quería que el ancho fuese en función del contenido. Gracias a todos por las sugerencias. Podéis ver la solución en http://libuku.com El día 1/11/07, NetVicious [EMAIL PROTECTED] escribió: El jueves, 1 nov 2007 a las 11:05, Almorca escribió: Lo del span no me sirve porque la idea es hacerlo todo mediante css. Bueno le aplicas una clase o un id al span y listo. O si quieres aplícale un display:inline al p pero vamos eso mismo es un span. -- /\/ / \ / \ / /\/ e t \/ i c i o u 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://lists.ovillo.org/mailman/listinfo/ovillo -- We don't need no education - Pink Floyd ___ 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 -- We don't need no education - Pink Floyd ___ 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
