Re: [Ovillo] sustituto para el br style=clear: both;
¿Raro?. Es un diseño a tres columnas con las columnas laterales de ancho fijo, sacado de una plantilla. Si haces un diseño en porcentajes y no incluyes márgenes al elemento con overflow:hidden, entonces no se reproducirá este problema, pero será otro diseño con otras características, que podrá valer o no. Saludos El 5 de marzo de 2009 2:23, Ignacio Ricci ignacio.ri...@gmail.comescribió: Bueno pero ese es un armado raro. Para mi eso serían 3 floats con anchos en porcentajes. 2009/3/4 Daniel Navarro webpe...@gmail.com Perdona por no explicarme bien: hay un elemento con floats en su interior, al que se le aplica overflow:hidden para que se extienda y englobe a estos floats interiores. Pero, a su vez, al lado de este elemento también hay floats (las barras laterales en un diseño a tres columnas). Lo mejor es que lo veas en acción. He colgado el ejemplo en: http://webpelon.net78.net/ovillo/2009-mes03-04-overflow_hidden_opera/index.html Nota: no hagas caso al código javascript que incluye este proveedor al final de los documentos. Saludos El 4 de marzo de 2009 21:16, Ignacio Ricci ignacio.ri...@gmail.com escribió: No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con overflow hidden? En ese caso no lo necesitarias porque el elemento padre de los floats tambien esta flotado y no se produce el bug,. 2009/3/4 Daniel Navarro webpe...@gmail.com He tenido problemas en algunos navegadores con esta solución y no me ha servido. Cuando se establece overflow:hidden a un elemento con floats a su lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta los floats laterales, pero cuando se establece overflow:hidden los márgenes los calcula respecto de los floats, destrozando el diseño. Mira el mensaje que envié a esta misma lista de Ovillo: http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html Puedes copiar el código y comprobar lo que digo. Saludos. El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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 -- ↓ Ignacio Ricci www.ignacioricci.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://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] sustituto para el br style=clear: both;
Aupa La verdad que da gusto, uno manda algo creyendo que es, o puede ser la solución y siempre hay gente con opciones diferentes y/o que le saca los inconvenientes, con lo cual aprendemos mucho todos, o por lo menos yo :) También he probado la solución de flotar el contenedor, y funciona, pero deja debajo un espacio, como si tuviera un padding-bottom o algo así que ni poniendo a el último elemento margin: 0 y al contenedor padding: 0 desaparece y no acierto a saber de donde sale ese espacio, por lo que me he decantado por el overflow: hidden, que creo que en este caso no me dará ninguno de los problemas comentados. saludos ___ 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] Trabajar con EMs
Hola a todos y gracias por las respuestas Yo no estoy de acuerdo en esta moda de usar cajas con tamaños en EM'S.Em es una unidad tipográfica destinada a controlar el tamaño y la proporción de las letras. Su objetivo no es controlar el tamaño de objetos, en caso de una web width y height. Bueno, el em en origen es una medida relacionada con las imprenta de tipos móviles, vamos, que si nos ponemos a mirar para que se creó esa unidad no tiene sentido que se use en un ordenador, pero no, las cosas y su utilización evolucionan y se transforman y, en mi opinión, ha pasado a ser una medida relativa al tamaño de fuente, lo cual no quiere decir que sea una medida solo para aplicar a fuentes, de hecho creo que es una herramienta muy buena que permite que el contenedor se adapte al contenido... ¿que mas queremos en web? Yo la primera vez que vi como se adaptaba la web de 456bereastreet [1] según hacía el texto mas grande o mas pequeño aluciné y me pareció el ideal para una web. En cualquier caso, el mayor peligro que le veo a trabajar *todo* en ems es que puede ser que las cajas empiecen a salirse de la pantalla y te obligue a hacer scroll horizontal, lo que es un rollo, sobre todo para una persona que tenga un problema visual, que será quien más probablemente aumentará el tamaño. Por esto mismo es por lo que quiero usar max-width el ancho se adapta al texto hasta que llega a el ancho de la ventana y entonces no se ancha mas, de modo que no sale scroll horizontal, por lo menos donde lo aceptan... el IE hay que apañar, claro. Sólo imagínense que tenemos una banda horizontal en la parte superior de 120 px de alto donde ponemos el nombre del sitio en una imagen. Ya sea porque usa una tipografía demasiado específica o porque hicimos un diseño a lo Google-en-fecha-señalada o lo que sea. Si aumentamos la fuente y las medidas de nuestro cabezal están dadas en unidades relativas a esta, puede llegar el momento en que una buena parte de la pantalla esté ocupada por este cabezal por lo que el usuario tendría que scrolear para llegar al texto que es en realidad lo que quiere ver más grande; y la idea es mejorar la lectura no hacerla más difícil. Completamente de acuerdo, no se trata de hacer el fanático y que tenga que estar todo en ems, en este caso estoy intentando que el alto de las cajas lo defina su contenido, y creo que me va a funcionar bien así gracias y saludos [1] http://www.456bereastreet.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Pablo Suárez León escribió: Si defines el texto en ems y los contenedores en píxeles (por ejemplo) al aumentar el tamaño del texto, éste aumentará pero no sus contenedores, llegando un momento que los contenedores se comerán, literalmente, su contenido. No es tan así. Convengamos en que eso solo sucederá si además de ancho le pones un height a los contenedores, práctica para nada aconsejable. Pero si no pones ningún height, dejando fluir el alto del contenedor para que se ajuste a su contenido, ningún contenedor se comerá al texto. Por lo cual, no es tan mala la solución de combinar contenedores en pixeles y textos en EM (claro, habría que disponer de un CSS para media=handheld para que no queden unas columnas inusables en pantallas pequeñas). Otra cosa, es usar porcentajes en las cajas, en lugar de píxeles (por ejemplo)... Coincido en que ésa es una de las mejores combinaciones posibles. Los anchos de las cajas en porcentajes, y el texto en EM. Sin height en las cajas, por supuesto. Permite ampliar el texto para quien lo necesite, y no se supera nunca el ancho de pantalla (no hay scroll horizontal). Según las WCAG 2.0 recién salidas del horno, el texto debe poder ampliarse solo un 200% sin romper el diseño, no más. Es bastante más de lo que necesita un miope como yo... Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Hernán Beati - SaberWeb.com.ar escribió: No es tan así. Convengamos en que eso solo sucederá si además de ancho le pones un height a los contenedores, práctica para nada aconsejable. Pero si no pones ningún height, dejando fluir el alto del contenedor para que se ajuste a su contenido, ningún contenedor se comerá al texto. Por lo cual, no es tan mala la solución de combinar contenedores en pixeles y textos en EM (claro, habría que disponer de un CSS para media=handheld para que no queden unas columnas inusables en pantallas pequeñas). Ni tan así :-) si el ancho del contenedor está limitado en px y aumentas el texto llega un momento en que una sola palabra puede ser mas ancha que el contenedor. Así que, o se sale del contenedor, o el contenedor se la come o aparece scroll... ___ 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] Trabajar con EMs
Pues sí... Pasa bastante a menudo cuando se usan esquemas de varias columnas. Los usuarios que realmente necesitan ampliar el tamaño de letra a veces lo amplían mucho más de lo que los diseñadores creen, y pasa lo que pasa: solapamientos, desapariciones de letras y demás cosas raras. Saludín, Ramón. Pablo Suárez León escribió: si el ancho del contenedor está limitado en px y aumentas el texto llega un momento en que una sola palabra puede ser mas ancha que el contenedor. ___ 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] sustituto para el br style=clear: both;
Juan, esa tecnica se denomina easy clear. Y en un momento la use.Pero requiere más lineas de código y es muy inconsistente. A veces funciona y a veces no. El overflow hidden funciona perfecto. Y si encontramos algun problema con IE6 es cuestión de usar height:1% para arreglar los problemas de hasLayout. 2009/3/5 Martin Etxauri t...@eragin.com Aupa La verdad que da gusto, uno manda algo creyendo que es, o puede ser la solución y siempre hay gente con opciones diferentes y/o que le saca los inconvenientes, con lo cual aprendemos mucho todos, o por lo menos yo :) También he probado la solución de flotar el contenedor, y funciona, pero deja debajo un espacio, como si tuviera un padding-bottom o algo así que ni poniendo a el último elemento margin: 0 y al contenedor padding: 0 desaparece y no acierto a saber de donde sale ese espacio, por lo que me he decantado por el overflow: hidden, que creo que en este caso no me dará ninguno de los problemas comentados. saludos ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Ramón Corominas escribió: Los usuarios que realmente necesitan ampliar el tamaño de letra a veces lo amplían mucho más de lo que los diseñadores creen, y pasa lo que pasa: solapamientos, desapariciones de letras y demás cosas raras. Pablo Suárez León escribió: si el ancho del contenedor está limitado en px y aumentas el texto llega un momento en que una sola palabra puede ser mas ancha que el contenedor. Yo no estoy de acuerdo en llevar los ejemplos al extremo (y soy de los que hacen control + en TODAS las páginas wbe, debido a mi miopía). Creo que nadie podría navegar sin un magnificador de pantalla si necesita un nivel tan enorme de zoom. Y al parecer es lo que han entendido en el W3C. No encuentro ahora mismo la referencia, pero según las nuevas WCAG 2.0, solo es necesario cuidar que el usuario pueda hacer hasta un 200% de zoom (si alguien tiene la referencia, por favor, se agradecerá que la comparta). Es un margen prudente, que depende de nuestra precaución y habilidad como diseñadores. Si vas a hacer una lista de largas URLS en una columna de 50px de ancho... bueno, pues como que no habrá ninguna solución para tan mala decisión. Pero si creas contenedores de al menos el doble de ancho de tu palabra más larga, asunto solucionado. Si el usuario es tan miope que necesita más del 200% de zoom, seguramente ya estará usando un magnificador de pantalla, y no precisará más del 200% mediante el zoom del navegador. Creo que es un buen punto para plantear en la lista de Accesibilidad del Sidar, AccesoWeb [1]. [1] http://es.groups.yahoo.com/group/accesoweb/ Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Hola, Hernán. Efectivamente, eso es lo que dice el criterio 1.4.4 (nivel AA) de las WCAG 2.0, donde ponen un límite razonable del aumento del texto... Pero una cosa es lo que dice el W3C y otra lo que los usuarios realmente hacen (hacemos). Si te sirve de algo, yo tengo un problema visual bastante serio (por cierto, nada que ver con la miopía) y en ocasiones aumento el texto hasta un 400%, más o menos. Pero no porque me haga falta siempre ese aumento, sino más bien porque la medida 200% no quiere decir nada, en realidad, y no se aplica por igual a todas las partes de la página. Por ejemplo, si el diseñador usa (como a veces pasa) un tamaño de letra de unos 8-10px, aumentar eso al 200% sólo lo lleva a 16-20px, lo cual puede ser insuficiente para mí. El problema real suele suceder cuando existen múltiples tamaños de fuente combinados: al aumentar unos hasta que se puedan leer, otros resultan desproporcionadamente grandes, por lo que NO es un caso extremo, sino más bien una realidad que me encuentro día a día. Además, hay que tener en cuenta que no todas las fuentes tienen la misma legibilidad ni contraste. En mi caso, las fuentes más finas me resultan casi imposibles de leer incluso a tamaños grandísimos, mientras que puedo leer perfectamente una fuente pequeña con buen cuerpo o en negrita. Ah, y sí, puedo navegar sin un magnificador... guiño Un saludín, Ramón. Hernán Beati - SaberWeb.com.ar escribió: Creo que nadie podría navegar sin un magnificador de pantalla si necesita un nivel tan enorme de zoom. Y al parecer es lo que han entendido en el W3C. No encuentro ahora mismo la referencia, pero según las nuevas WCAG 2.0, solo es necesario cuidar que el usuario pueda hacer hasta un 200% de zoom (si alguien tiene la referencia, por favor, se agradecerá que la comparta). ___ 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] Trabajar con EMs
Hernán Beati - SaberWeb.com.ar escribió: No encuentro ahora mismo la referencia, pero según las nuevas WCAG 2.0, solo es necesario cuidar que el usuario pueda hacer hasta un 200% de zoom (si alguien tiene la referencia, por favor, se agradecerá que la comparta). Las técnicas de suficiencia en este punto [1] nos dicen en el punto 2 que nos aseguremos de que tanto texto como contenedores se puedan redimensionar y en el punto 4 que en el caso de que el texto redimensione y los contenedores no, nos aseguremos de que no se pierde contenido ni funcionalidad. [1] http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale ___ 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] Trabajar con EMs
Como alguien bien dijo la unidad em en realidad nace relacionada con la imprenta.Cuando diseñamos para imprimir usamos tamaños en milimetros, centímetros y en caso metros. No usamos ems para definir los tamaños de los fondos de los textos o las cajas. Esto trasladado a la web tiene coherencia en usar pixels. 2009/3/5 Pablo Suárez León psua...@technosite.es Hernán Beati - SaberWeb.com.ar escribió: No encuentro ahora mismo la referencia, pero según las nuevas WCAG 2.0, solo es necesario cuidar que el usuario pueda hacer hasta un 200% de zoom (si alguien tiene la referencia, por favor, se agradecerá que la comparta). Las técnicas de suficiencia en este punto [1] nos dicen en el punto 2 que nos aseguremos de que tanto texto como contenedores se puedan redimensionar y en el punto 4 que en el caso de que el texto redimensione y los contenedores no, nos aseguremos de que no se pierde contenido ni funcionalidad. [1] http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
La imprenta tiene muy poca relación con la web. Las analogías de este tipo creo que no tienen sentido. EM es una herramienta en el arsenal del maquetador, igual que los porcentajes o las medidas en píxeles, que tiene su aplicación en los casos en que se quiera relacionar los anchos con el tamaño del texto. Por tanto, creo que la discusión se debe centrar en si tiene sentido maquetar en relación al tamaño del texto. En esta línea, hay un par de circunstancias a considerar (en todos los casos, hasta donde yo se): *Las imágenes no se pueden definir en EMs sin pérdida de calidad. Habría que cargar una imagen suficientemente grande y dejar al navegador hacer el resampling, con el aumento de carga que eso supone. *Al aumentar suficientemente una maquetación en EMs, aparecerá scroll horizontal salvo que se tomen medidas específicas (max-width fijado con javascript?) *Los navegadores modernos permiten aumentar la página completa, haciendo el mismo trabajo que maquetar en EMs pero sin necesidad de romperse los cuernos *El problema del subpixel siempre está presente. Con los explorers redondeando hacia arriba y el resto ajustando, aparecen inconsistencias que hay que tratar. Por estos puntos, y alguno más ya tratado, mi opinión personal es que, salvo en casos muy particulares, maquetar por completo en EMs no da las suficientes ventajas frente a los inconvenientes. un saludo, David Ignacio Ricci escribió: Como alguien bien dijo la unidad em en realidad nace relacionada con la imprenta.Cuando diseñamos para imprimir usamos tamaños en milimetros, centímetros y en caso metros. No usamos ems para definir los tamaños de los fondos de los textos o las cajas. Esto trasladado a la web tiene coherencia en usar pixels. 2009/3/5 Pablo Suárez León psua...@technosite.es Hernán Beati - SaberWeb.com.ar escribió: No encuentro ahora mismo la referencia, pero según las nuevas WCAG 2.0, solo es necesario cuidar que el usuario pueda hacer hasta un 200% de zoom (si alguien tiene la referencia, por favor, se agradecerá que la comparta). Las técnicas de suficiencia en este punto [1] nos dicen en el punto 2 que nos aseguremos de que tanto texto como contenedores se puedan redimensionar y en el punto 4 que en el caso de que el texto redimensione y los contenedores no, nos aseguremos de que no se pierde contenido ni funcionalidad. [1] http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale ___ 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] Trabajar con EMs
Pablo Suárez León escribió: Las técnicas de suficiencia en este punto [1] nos dicen en el punto 2 que nos aseguremos de que tanto texto como contenedores se puedan redimensionar Gracias Pablo por la referencia! Dice que los contenedores se puedan redimensionar. Entonces acepto que no podemos usar píxeles para cajas. Nunca más. Pero podemos seguir usando porcentajes, que creo es la mejor solución. Los diseños líquidos son mencionados explícitamente en la misma referencia, en el punto: http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G146 el segundo enlace bajo el título: Techniques for text container resizing. y en el punto 4 que en el caso de que el texto redimensione y los contenedores no, nos aseguremos de que no se pierde contenido ni funcionalidad. [1] http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale Eso implícitamente acepta que podría ser que los contenedores no se redimensionen (que es lo que sucede con los diseños líquidos, en porcentajes, que solo se adaptan hasta el ancho de la ventana, no hacen scroll horizontal, y no tienen relación con el zoom). Entonces, si el diseñador contempló que hasta un 200% de zoom el texto no desborde de su contenedor en porcentajes, entonces se cumple la pauta, porque: 1) el contenido no se pierde, 2) ni la funcionalidad tampoco. Es algo que debe controlar el diseñador al tomar la decisión de qué ancho aplicará a una caja. Y aprovecho para responder a Ramón: ¿Seguro que no te sería útil un magnificador si precisas un 400% de zoom en todas las páginas? Es que creo que es imposible hacer un diseño a 2 columnas (ni soñar con 3!) que permita un 400% de zoom sin desbordar!... Por ejemplo, típico sitio de dos columnas, menú vertical a la izquierda, tenemos la palabra contáctenos en un cuerpo de 1em (lo que se traduce en unos 16px en la mayoría de navegadores), y esa palabra ocupará unos 100px de ancho en ese escenario. ¿Debo hacer esa columna de 400px de ancho como mínimo, solo por si acaso le haces un zoom del 400%? ¿Y cómo garantizo eso si el ancho de las cajas debe ser especificado en porcentajes? ¿Y qué hacemos con los huecos de 300px que quedarán solo por si acaso? Creo que no hay diseño que aguante eso... ¿tienes una solución, Ramón? ¿Algún sitio que al 400% de zoom no se desborde NADA, pero NADA de veras? Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Ignacio Ricci escribió: Como alguien bien dijo la unidad em en realidad nace relacionada con la imprenta.Cuando diseñamos para imprimir usamos tamaños en milimetros, centímetros y en caso metros. No usamos ems para definir los tamaños de los fondos de los textos o las cajas. Esto trasladado a la web tiene coherencia en usar pixels. Creo que olvidamos una cosa... Diseñar para imprenta no es diseñar para web. Cuando se diseña para imprenta el tamaño es fijo. A4, A5, folio, cartel... La web es líquida, por lo cual el diseño para imprenta no sirve para web. O al menos, su filosofía es distinta. Yo no aumento el texto de la publicidad del alimerka (por ejemplo, si acaso uso una lupa) pero sí el de la web de alimerka. Son cosas distintas. Según yo lo veo, diseño impreso no es igual a diseño web. Y cuando se diseña para la web hay que tener en cuenta cosas que en el diseño impreso son impensables. ___ 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] Trabajar con EMs
Como alguien bien dijo la unidad em en realidad nace relacionada con la imprenta.Cuando diseñamos para imprimir usamos tamaños en milimetros, centímetros y en caso metros. No usamos ems para definir los tamaños de los fondos de los textos o las cajas. Esto trasladado a la web tiene coherencia en usar pixels. Personalmente creo que en general bastante intentamos hacer que se parezca la web al papel, que es uno de los grandes errores que cometemos diseñadores (y clientes que nos lo piden) así que este símil que propones lo veo desafortunadísimo. Sería afortunado si las ventanas y los textos no fueran escalables, pero lo son. Hace tiempo que estoy cada vez mas convencido (aunque no lo acabo de llevar del todo a la práctica, unos bocetos previos son un poco ineludibles) que la mejor manera de diseñar una web es directamente en html, pasando de diseñar primero en photoshop/illustrator/freehand/ gimp/etc al fin y al cabo ese es el medio en el que acabará. Resulta un poco como hacer un vestido en cerámica y luego pretender que en tela quede igual, pues no, la tela cae y se mueve, podrás hacer bocetos aproximativos del vestido a lápiz, y luego unos bocetos de patrón recortados en papel para calcular tamaños, pero una vez llegado a la tela, según quien se ponga el vestido quedará una cosa u otra. En el caso de esta web en ems al principio empece un poco con los cálculos de píxeles del contenido / pixeles del contenedor = dimensión del contenido en ems pero me di cuenta que la mejor manera es hacerte a los ems, e ir poniendo y viendo como queda, que quieres mas pones mas, que quieres menos menos, pero pasar del cálculo de cuantos ems son tantos píxeles y trabajar directamente en ems. Hasta aquí mi experiencia, que igual acaba todo en un churro :D ya os contaré. saludos ___ 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] Trabajar con EMs
Yo no comparto que se agrande una caja cuando se agrande la tipografía.Osea no lo encuentro ni en el sentido tampoco. Cual es el beneficio? 2009/3/5 Martin Etxauri t...@eragin.com Como alguien bien dijo la unidad em en realidad nace relacionada con la imprenta.Cuando diseñamos para imprimir usamos tamaños en milimetros, centímetros y en caso metros. No usamos ems para definir los tamaños de los fondos de los textos o las cajas. Esto trasladado a la web tiene coherencia en usar pixels. Personalmente creo que en general bastante intentamos hacer que se parezca la web al papel, que es uno de los grandes errores que cometemos diseñadores (y clientes que nos lo piden) así que este símil que propones lo veo desafortunadísimo. Sería afortunado si las ventanas y los textos no fueran escalables, pero lo son. Hace tiempo que estoy cada vez mas convencido (aunque no lo acabo de llevar del todo a la práctica, unos bocetos previos son un poco ineludibles) que la mejor manera de diseñar una web es directamente en html, pasando de diseñar primero en photoshop/illustrator/freehand/ gimp/etc al fin y al cabo ese es el medio en el que acabará. Resulta un poco como hacer un vestido en cerámica y luego pretender que en tela quede igual, pues no, la tela cae y se mueve, podrás hacer bocetos aproximativos del vestido a lápiz, y luego unos bocetos de patrón recortados en papel para calcular tamaños, pero una vez llegado a la tela, según quien se ponga el vestido quedará una cosa u otra. En el caso de esta web en ems al principio empece un poco con los cálculos de píxeles del contenido / pixeles del contenedor = dimensión del contenido en ems pero me di cuenta que la mejor manera es hacerte a los ems, e ir poniendo y viendo como queda, que quieres mas pones mas, que quieres menos menos, pero pasar del cálculo de cuantos ems son tantos píxeles y trabajar directamente en ems. Hasta aquí mi experiencia, que igual acaba todo en un churro :D ya os contaré. saludos ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Ignacio Ricci escribió: Yo no comparto que se agrande una caja cuando se agrande la tipografía.Osea no lo encuentro ni en el sentido tampoco. Cual es el beneficio? ¿Qué el diseño sea coherente y proporcionado independientemente del tamaño de la fuente? ___ 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] Trabajar con EMs
Perderías control sobre resoluciones de pantalla y correcta escalabilidad de cajas. 2009/3/5 Pablo Suárez León psua...@technosite.es Ignacio Ricci escribió: Yo no comparto que se agrande una caja cuando se agrande la tipografía.Osea no lo encuentro ni en el sentido tampoco. Cual es el beneficio? ¿Qué el diseño sea coherente y proporcionado independientemente del tamaño de la fuente? ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Yo no comparto que se agrande una caja cuando se agrande la tipografía.Osea no lo encuentro ni en el sentido tampoco. Cual es el beneficio? Desde luego llegados a un punto es una opción bastante personal, pero yo personalmente creo que el diseño (de lo que sea) es, lo primero, una interfaz para hacer mucho mas accesible, entendible, etc etc el contenido o la función (ya estemos hablando de diseño gráfico en papel de diseño industrial de arquitectura o de lo que sea) y dentro de esa lógica encuentro que el contenedor se adapte al contenido es un muy buen punto. Incluso metidos en estética, encuentro mucho mas estético que si el texto se agranda la caja se agrande, pero lo dicho, para gustos los colores :) saludos ___ 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] Trabajar con EMs
Ignacio Ricci escribió: Perderías control sobre resoluciones de pantalla y correcta escalabilidad de cajas. Todo lo contrario. Tomaría el control sobre ello. O más bien, le daría al usuario el control sobre ello. ___ 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] Trabajar con EMs
Perdón pero no entiendo. Tenes una caja de ancho no se, 8em. Con un parrafo adentro.Y tenes que hacer un sitio para una resolución de 800 x 600. Y empezas a hacer ctrl+ Podés controlar que el contenido no se exceda esa resolución sin hacer un contenedor en pixels? 2009/3/5 Pablo Suárez León psua...@technosite.es Ignacio Ricci escribió: Perderías control sobre resoluciones de pantalla y correcta escalabilidad de cajas. Todo lo contrario. Tomaría el control sobre ello. O más bien, le daría al usuario el control sobre ello. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
El problema está en que cuando tienes unidades móviles, no tiene sentido pensar en un sitio de 800x600, en ese caso tendrías un sitio 4x3 cualesquiera que fueran sus dimensiones finales. El 05/03/2009, a las 08:09 AM, Ignacio Ricci escribió: Perdón pero no entiendo. Tenes una caja de ancho no se, 8em. Con un parrafo adentro.Y tenes que hacer un sitio para una resolución de 800 x 600. Y empezas a hacer ctrl+ Podés controlar que el contenido no se exceda esa resolución sin hacer un contenedor en pixels? 2009/3/5 Pablo Suárez León psua...@technosite.es Ignacio Ricci escribió: Perderías control sobre resoluciones de pantalla y correcta escalabilidad de cajas. Todo lo contrario. Tomaría el control sobre ello. O más bien, le daría al usuario el control sobre ello. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo == **Las siguientes líneas son agregadas por los Servidores Centrales de la Oficina del Historiador de la Ciudad de la Habana.** -- http://correoweb.ohc.cu, para que leas tus mensajes de correo desde cualquier parte del mundo. ___ 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] Trabajar con EMs
Ignacio Ricci escribió: Perdón pero no entiendo. Tenes una caja de ancho no se, 8em. Con un parrafo adentro.Y tenes que hacer un sitio para una resolución de 800 x 600. Y empezas a hacer ctrl+ Podés controlar que el contenido no se exceda esa resolución sin hacer un contenedor en pixels? Sí, haciendo un contenedor en porcentaje al 100%. -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Bueno pero estas cambiando de unidad también. Osea que en definitiva los tamaños de cajas en EM por si solos no funcionan. Tienen que estar atados a otras unidades como porcentajes o pixels. O relacionados con estilos como max-width. 2009/3/5 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar Ignacio Ricci escribió: Perdón pero no entiendo. Tenes una caja de ancho no se, 8em. Con un parrafo adentro.Y tenes que hacer un sitio para una resolución de 800 x 600. Y empezas a hacer ctrl+ Podés controlar que el contenido no se exceda esa resolución sin hacer un contenedor en pixels? Sí, haciendo un contenedor en porcentaje al 100%. -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Ignacio Ricci escribió: Perdón pero no entiendo. Tenes una caja de ancho no se, 8em. Con un parrafo adentro.Y tenes que hacer un sitio para una resolución de 800 x 600. Y empezas a hacer ctrl+ Podés controlar que el contenido no se exceda esa resolución sin hacer un contenedor en pixels? Podría, por ejemplo. Definir el contenedor principal en ems. De esta forma el usuario podrá aumentar y reducir su tamaño. Podría, definir el ancho de los contenedores, dentro de ese contenedor, en porcentaje. De esta forma se adaptarán al contenedor, independientemente del tamaño de texto elegido por el usuario. Podría, delimitar el ancho mínimo del contenedor, supongamos 800px. Con resoluciones inferiores a 800px aparecería scroll, cosa bastante razonable. Podría delimitar el ancho máximo, supongamos 100%. De esta forma no aparecería scroll horizontal y aparecerían márgenes a resoluciones muy grandes. Podría... ___ 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] Trabajar con EMs
Ramón Corominas escribió: en ocasiones aumento el texto hasta un 400%, más o menos. Pero no porque me haga falta siempre ese aumento, sino más bien porque la medida 200% no quiere decir nada, en realidad, y no se aplica por igual a todas las partes de la página. Por ejemplo, si el diseñador usa (como a veces pasa) un tamaño de letra de unos 8-10px, Otra vez los extremos... Es que pensar en esos extremos erróneos no era la meta, venimos buscando la solución ideal y creo que es clarísima a estas alturas: -Contenedores en porcentajes -Textos en em. Si el texto está BIEN estructurado en em, partiendo de 1em como mínimo (unidad que tú mismo, Ramón, decides qué tan grande es, ya que eres el usuario y tienes el control), entonces podrás hacerles un 400% de zoom al texto o más, y los contenedores no excederán el ancho de tu pantalla. ¿No es ésta la solución ideal? -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Es lo que digo yo. Cajas en EM es complicarse la vida y es poco controlable. 2009/3/5 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar Ramón Corominas escribió: en ocasiones aumento el texto hasta un 400%, más o menos. Pero no porque me haga falta siempre ese aumento, sino más bien porque la medida 200% no quiere decir nada, en realidad, y no se aplica por igual a todas las partes de la página. Por ejemplo, si el diseñador usa (como a veces pasa) un tamaño de letra de unos 8-10px, Otra vez los extremos... Es que pensar en esos extremos erróneos no era la meta, venimos buscando la solución ideal y creo que es clarísima a estas alturas: -Contenedores en porcentajes -Textos en em. Si el texto está BIEN estructurado en em, partiendo de 1em como mínimo (unidad que tú mismo, Ramón, decides qué tan grande es, ya que eres el usuario y tienes el control), entonces podrás hacerles un 400% de zoom al texto o más, y los contenedores no excederán el ancho de tu pantalla. ¿No es ésta la solución ideal? -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Martin Etxauri escribió: Hace tiempo que estoy cada vez mas convencido (aunque no lo acabo de llevar del todo a la práctica, unos bocetos previos son un poco ineludibles) que la mejor manera de diseñar una web es directamente en html, pasando de diseñar primero en photoshop/illustrator/freehand/ gimp/etc al fin y al cabo ese es el medio en el que acabará. Resulta un poco como hacer un vestido en cerámica y luego pretender que en tela quede igual, pues no, la tela cae y se mueve, podrás hacer bocetos aproximativos del vestido a lápiz, y luego unos bocetos de patrón recortados en papel para calcular tamaños, pero una vez llegado a la tela, según quien se ponga el vestido quedará una cosa u otra. Me encantó la metáfora!! De veras que los diseñadores (sobre todo quienes vienen de gráfica) usando el Photoshop y otros similares a veces crean diseños tan duros como si fueran hechos de cerámica, jaja! Pero igual creo que es necesario partir de bocetos en imagen (algo imprescindible para que un cliente te apruebe un diseño!), y luego llevarlos a XHTML y CSS, siempre y cuando tengamos presente desde un principio la elasticidad o liquidez del diseño. Pero para esto, el diseñador que hizo el boceto en Photoshop DEBE CONOCER lo suficiente de CSS y XHTML como para no hacer diseños que luego sea imposible trasladar a código... si no lo sabe (o si no hay nadie que lo corrija a tiempo), se corre el riesgo de que el cliente apruebe cosas que después no hay otro modo de implementarlas que usando anchos fijos... Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
shameless plugin Es un sitio que codeé ya hace un par de años, así que a no juzgar la estética ni el código. El diseño es elástico y funciona bastante bien crossbrowser. http://www.efectoscluster.com.ar /shameless plugin Digo, el chiste es verlo en IE6, o en cualquier otro navegador moderno con el zoom text activado y el zoom verdadero (o como sea que se llame) desactivado. ___ 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] Trabajar con EMs
De ahí ya se puede sacar una conclusión, aquí la sacamos hace mucho pero está bien que quede asentada en alguna parte. Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS a veces también ayuda incluir un demo si la cosa va de Flash y en dependencia de la importancia que le demos al cliente en cuestión. El 05/03/2009, a las 08:49 AM, Hernán Beati - SaberWeb.com.ar escribió: Martin Etxauri escribió: Hace tiempo que estoy cada vez mas convencido (aunque no lo acabo de llevar del todo a la práctica, unos bocetos previos son un poco ineludibles) que la mejor manera de diseñar una web es directamente en html, pasando de diseñar primero en photoshop/illustrator/freehand/ gimp/etc al fin y al cabo ese es el medio en el que acabará. Resulta un poco como hacer un vestido en cerámica y luego pretender que en tela quede igual, pues no, la tela cae y se mueve, podrás hacer bocetos aproximativos del vestido a lápiz, y luego unos bocetos de patrón recortados en papel para calcular tamaños, pero una vez llegado a la tela, según quien se ponga el vestido quedará una cosa u otra. Me encantó la metáfora!! De veras que los diseñadores (sobre todo quienes vienen de gráfica) usando el Photoshop y otros similares a veces crean diseños tan duros como si fueran hechos de cerámica, jaja! Pero igual creo que es necesario partir de bocetos en imagen (algo imprescindible para que un cliente te apruebe un diseño!), y luego llevarlos a XHTML y CSS, siempre y cuando tengamos presente desde un principio la elasticidad o liquidez del diseño. Pero para esto, el diseñador que hizo el boceto en Photoshop DEBE CONOCER lo suficiente de CSS y XHTML como para no hacer diseños que luego sea imposible trasladar a código... si no lo sabe (o si no hay nadie que lo corrija a tiempo), se corre el riesgo de que el cliente apruebe cosas que después no hay otro modo de implementarlas que usando anchos fijos... Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo == **Las siguientes líneas son agregadas por los Servidores Centrales de la Oficina del Historiador de la Ciudad de la Habana.** -- http://correoweb.ohc.cu, para que leas tus mensajes de correo desde cualquier parte del mundo. ___ 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] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Jorge L. Batista E escribió: Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS No estoy para nada de acuerdo. En la mayoría de los casos, es avanzar demasiado antes de tener el OK del cliente. ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Mal negocio... 1) Mejor empezar con wireframes (bocetos) sumamente abstractos, en blanco y negro, con esquemas de las principales pantallas. 2) Cuando te aprobó esos esquemas, encargas las pantallas decoradas en Photoshop (imágenes en colores). 3) Cuando te aprobó las pantallas, las pasas a XHTML/CSS. Y solo allí haces los ajustes de detalles menores. Creo que es más lógico. Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Julián Landerreche escribió: 1) para tu caja contenedora (aka wrapper, container, contenedor, etc) definí un min-width en píxeles (760px, por ejemplo) 2) y un max-width en ems (ej: 80em) 4) obviamente, definís tu font en el body en ems, o en porcentajes creo que también resulta. Me parece una excelente solución, Julián! De hecho, todavía estoy buscando si tiene alguna contraindicación, y no se la encuentro. Encontraste el santo grial!! jaja!!... Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Tal mente de acuerdo con el procedimiento de Jorge. No sería el primer proyecto que por pecar de profesional o de bueno, terminas comiendotelo con patatas y eso si.. luego echales un galgo para que te pagen... se han disfrazado de camaleones y se han subido a un arbol. ;-) Alez jacta est Juan José - Original Message - From: Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 05, 2009 3:35 PM Subject: Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? (era: Trabajar con EMs) Jorge L. Batista E escribió: Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS No estoy para nada de acuerdo. En la mayoría de los casos, es avanzar demasiado antes de tener el OK del cliente. ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Mal negocio... 1) Mejor empezar con wireframes (bocetos) sumamente abstractos, en blanco y negro, con esquemas de las principales pantallas. 2) Cuando te aprobó esos esquemas, encargas las pantallas decoradas en Photoshop (imágenes en colores). 3) Cuando te aprobó las pantallas, las pasas a XHTML/CSS. Y solo allí haces los ajustes de detalles menores. Creo que es más lógico. Saludos! -- Hernán Beati http://www.saberweb.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://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] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
El 05/03/2009, a las 09:35 AM, Hernán Beati - SaberWeb.com.ar escribió: ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Claro que no, maqueta es maqueta no va mas allá del marcado... HTML +CSS y funcionalidades básicas. Aquí nos ha dado buen resultado sobre todo porque hay cosas que el cliente común es incapaz de ver en una imagen estática por mucho que se lo expliques y ni aún así puedes garantizar que se lleve la idea correcta. Programación es otra cosa. En lo que a esfuerzo se refiere, te aseguro que cuando tienes cierta experiencia es igual de sencillo y mucho más productivo escribir etiquetas que manejar una herramienta de diseño como Photoshop o similares. Te lo cuento desde mi experiencia trabajando en un equipo multidisciplinario en el que diseño, marcado y programación son llevados por personas diferentes con un alto grado de especialización. Ya cuando se trata de los llamados hombres-orquesta puede que funcione de otra manera. De todas formas nada es absoluto, cada cual puede tener su método y le habrá dado mejores o peores resultados, yo sólo comparto el que hemos adoptado aquí y créeme que es el resultado de una evolución. También depende mucho del cliente. ___ 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] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Estudio Creativo Bynet escribió: Tal mente de acuerdo con el procedimiento de Jorge. No sería el primer proyecto que por pecar de profesional o de bueno, terminas comiendotelo con patatas y eso si.. luego echales un galgo para que te pagen... se han disfrazado de camaleones y se han subido a un arbol. ;-) No entendí bien: ¿crees que al hacer trabajar varios días a tus diseñadores y maquetadores HTML y CSS y mostrarle todo el HTML ya decorado al cliente de un golpe, no corres el riesgo de comerte con patatas todo ese tiempo invertido en el desarrollo? Salvo que el cliente te haya firmado un cheque en blanco, pero los clientes reales no suelen ser tan ingenuos... Si justamente para eso existen los prototipos, para ir logrando acuerdos parciales de tu cliente. Sin esos acuerdos, sí que corres riesgos... ¿Quisiste decir que estabas de acuerdo con Jorge? ¿O conmigo? Me resulta contradictorio tu comentario. Explícamelo por favor! jaja! :-) Un saludo! -- Hernán Beati http://www.saberweb.com.ar Alez jacta est Juan José - Original Message - From: Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 05, 2009 3:35 PM Subject: Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? (era: Trabajar con EMs) Jorge L. Batista E escribió: Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS No estoy para nada de acuerdo. En la mayoría de los casos, es avanzar demasiado antes de tener el OK del cliente. ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Mal negocio... 1) Mejor empezar con wireframes (bocetos) sumamente abstractos, en blanco y negro, con esquemas de las principales pantallas. 2) Cuando te aprobó esos esquemas, encargas las pantallas decoradas en Photoshop (imágenes en colores). 3) Cuando te aprobó las pantallas, las pasas a XHTML/CSS. Y solo allí haces los ajustes de detalles menores. Creo que es más lógico. Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
estoy a favor de cualquier prototipado pero siempre en pantallazo, pero salvo que sea un proyecto grande y se haya cobrado una cantidad por sadelantado, como que no estoy a favor de maquetar nada, si el cliente quiere una galeria en jquery se siente pero se enseña pantallazo. Es mi modesta opinión. - Original Message - From: Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 05, 2009 4:06 PM Subject: Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? (era: Trabajar con EMs) Estudio Creativo Bynet escribió: Tal mente de acuerdo con el procedimiento de Jorge. No sería el primer proyecto que por pecar de profesional o de bueno, terminas comiendotelo con patatas y eso si.. luego echales un galgo para que te pagen... se han disfrazado de camaleones y se han subido a un arbol. ;-) No entendí bien: ¿crees que al hacer trabajar varios días a tus diseñadores y maquetadores HTML y CSS y mostrarle todo el HTML ya decorado al cliente de un golpe, no corres el riesgo de comerte con patatas todo ese tiempo invertido en el desarrollo? Salvo que el cliente te haya firmado un cheque en blanco, pero los clientes reales no suelen ser tan ingenuos... Si justamente para eso existen los prototipos, para ir logrando acuerdos parciales de tu cliente. Sin esos acuerdos, sí que corres riesgos... ¿Quisiste decir que estabas de acuerdo con Jorge? ¿O conmigo? Me resulta contradictorio tu comentario. Explícamelo por favor! jaja! :-) Un saludo! -- Hernán Beati http://www.saberweb.com.ar Alez jacta est Juan José - Original Message - From: Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 05, 2009 3:35 PM Subject: Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? (era: Trabajar con EMs) Jorge L. Batista E escribió: Si es producto final es Web al cliente hay que mostrarle Web. Los bocetos, maquetas o como lo llamen TIENEN que ser HTML+CSS No estoy para nada de acuerdo. En la mayoría de los casos, es avanzar demasiado antes de tener el OK del cliente. ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Mal negocio... 1) Mejor empezar con wireframes (bocetos) sumamente abstractos, en blanco y negro, con esquemas de las principales pantallas. 2) Cuando te aprobó esos esquemas, encargas las pantallas decoradas en Photoshop (imágenes en colores). 3) Cuando te aprobó las pantallas, las pasas a XHTML/CSS. Y solo allí haces los ajustes de detalles menores. Creo que es más lógico. Saludos! -- Hernán Beati http://www.saberweb.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://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] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Jorge L. Batista E escribió: El 05/03/2009, a las 09:35 AM, Hernán Beati - SaberWeb.com.ar escribió: ¿Programas un sitio entero solo a ver si le gusta, y si no le gusta, empiezas de nuevo? Claro que no, maqueta es maqueta no va mas allá del marcado... HTML +CSS El HTML solo no creo que tenga sentido mostrarlo al cliente. Y ya agregarle CSS al HTML me parece demasiado para una primera etapa (porque implica que un diseñador te haya armado el diseño en Photoshop y recortes las imágenes decorativas para ponerlas vía CSS). Salvo que le muestres un molde de columnas acomodadas, sin más que colores y SIN imágenes de fondo, estilo prototipo, pero no sé si el cliente valorará eso, o si se podrá imaginar su sitio en base a eso. y funcionalidades básicas. Aquí nos ha dado buen resultado sobre todo porque hay cosas que el cliente común es incapaz de ver en una imagen estática por mucho que se lo expliques y ni aún así puedes garantizar que se lleve la idea correcta. Ah, pero entonces estás hablando solo de esas cosas que no se pueden ver en imagen, de funcionalidades, como Lightbox y esas cosas. Yo en esos casos, le muestro OTRO sitio ya diseñado que implemente el mismo efecto. En lo que a esfuerzo se refiere, te aseguro que cuando tienes cierta experiencia es igual de sencillo y mucho más productivo escribir etiquetas que manejar una herramienta de diseño como Photoshop o similares. Pero, a ver si entiendo... ¿NO usas el Photoshop en absoluto? ¿Le muestras HTML y CSS con funcionalidades sin una sola imagen decorativa? Entonces, es lo mismo que mostrar un prototipo en papel... Yo creo que el armar un boceto en imagen es previo a codificar, y más si a la pregunta anterior me respondieses que le muestras el HTML CON imágenes decorativas: tu diseñador gráfico ya ha tenido que hacer el boceto en Photoshop, entonces, ¿por qué no pedir la aprobación del cliente en ese paso, ANTES de maquetar esa imagen con HTML y CSS? Yo también creo que FINALMENTE el cliente terminará viendo su HTML y CSS, pero no como PRIMER entregable del proceso de diseño, sino como ULTIMO paso. De todas formas nada es absoluto, cada cual puede tener su método y le habrá dado mejores o peores resultados, yo sólo comparto el que hemos adoptado aquí y créeme que es el resultado de una evolución. También depende mucho del cliente. Seguro, cada cual tiene su metodología. Y dependerá del tipo de sitio entonces: seguramente para Flash y cosas con mucha interactividad, deberás incluir algún ejemplo de lo que propones, pero para eso creo que es preferible mostrar otros casos que implementen similar tecnología, y no hacerlas desde cero. Para sitios HTML y CSS sin muchas funcionalidades extra, me cuesta ver la ventaja. Por si acaso aclaro que digo esto, pensando en voz alta sobre qué haría yo si aplicara esa metodología, a ver si la encuentro interesante para implementarla, en ningún caso digo que sea mala, cada cual sabe lo que le funciona. Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] acentos y tildes
Hola, en las etiquetas meta, hace falta poner los códigos de acentos y ñ? ___ 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] Trabajar con EMs
Hola, buenas. -Contenedores en porcentajes -Textos en em. En general sí, claro, pero no siempre. Si el texto está BIEN estructurado en em, partiendo de 1em como mínimo (unidad que tú mismo, Ramón, decides qué tan grande es, ya que eres el usuario y tienes el control) Eso es una interesante teoría... En la gran mayoría de sitios web, es el diseñador el que define (más o menos) cuánto vale 1em en las condiciones normales (texto mediano en IE, por ejemplo). Al aumentar o reducir, raramente todas las fuentes se amplían de la misma manera, proque entra a jugar la anidación de contenedores con tamaños de fuentes definidos en ems distintos de 1.0em. Ahí es donde, de repente, unas fuentes se amplían más que otras, y te encuentras con que para leer algunas fuentes que originalmente eran pequeñísimas, otras se amplían una barbaridad y lo descuadran todo. Claro, es cuestión del diseñador que lo hizo mal, pero llegar al control perfecto es a veces muy, muy complicado. entonces podrás hacerles un 400% de zoom al texto o más, y los contenedores no excederán el ancho de tu pantalla. Y en cualquier caso, lo ideal sería poder combinar tamaños de contenedores, es por eso por lo que a veces un layout con tablas podría hacer cosas que no es posible hacer con CSS (salvo con propiedades CSS que simulen tablas, claro). Por ejemplo, yo daría algo por poder usar un esquema a 2 columnas donde: - El conjunto tenga un ancho del 100% - La parte izquierda tenga un ancho de 12em (por ejemplo) - La parte derecha tenga un ancho de (100% - 12.1em). Con tablas es trivial, sin ellas... Un saludín, Ramón. ___ 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] Trabajar con EMs
Ramón Corominas escribió: Hernán Beati escribió: Si el texto está BIEN estructurado en em, partiendo de 1em como mínimo (unidad que tú mismo, Ramón, decides qué tan grande es, ya que eres el usuario y tienes el control) Eso es una interesante teoría... En la gran mayoría de sitios web ...Stop. Estoy tratando de encontrar una solución, Ramón, no quiero criticar más lo mal hecho, estoy tratando de ver cómo deberíamos HACERLO BIEN. Por ahora, a falta de algo mejor, me quedo con los contenedores en porcentaje y las fuentes en em. Nadie (ni tú) ofrece otra solución mejor (salvo lo que aportó Julián hace unas horas, que me gustó mucho pero todavía debo estudiarlo con mayor detenimiento). yo daría algo por poder usar un esquema a 2 columnas donde: - El conjunto tenga un ancho del 100% - La parte izquierda tenga un ancho de 12em (por ejemplo) - La parte derecha tenga un ancho de (100% - 12.1em). ¿Y por qué no habría de servirte un sitio con las dos columnas en porcentajes, con 20% / 80% para las dos columnas, por decir una proporción cualquiera? ¿Cuál sería tu problema con ese diseño? Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Aupa (porque implica que un diseñador te haya armado el diseño en Photoshop y recortes las imágenes decorativas para ponerlas vía CSS). Aclarar que yo, al proponer, diseñar directamente en html, lo hago desde mi caso personal, que es que yo soy diseñador gráfico, yo monto htmls muchas veces, pero aunque haya veces que no los monte yo, como se montarlos, en un momento dado me resulta mas cómodo ponerme en el html que seguir en el illustrator entre otras cosas porque así me salen cosas que se llevan mucho mejor con el html que las que hago si estoy en el illustrator, photoshop o freehad. Siguiendo con las metaforas :) a veces es como pintar con acuarelas intentando tener un acabado de pintura al oleo, pues no porque por muy bueno que seas y por mucho arte que tengas una cosa es una cosa y otra es otra. Para mi y mi realidad un buen proceso que no siempre sigo es, preparar unos wireframes para enseñar y hacerte tu a la idea, esbozar en illustrator/photoshop la cabecera, sobre todo si va a llevar algún montaje un poco especial y después diseñar la parte de contenido en directamente en html y conforme voy necesitando imágenes me las preparo en photoshop y las meto en el html/CSS. Eso si, en el proceso de diseño que se vea bien en firefox, después ya cuando me ponga mas a montar todo ya me encargaré de hacerlo crossbrowser. saludos ___ 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] Rollover complicao pa mi
Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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] Rollover complicao pa mi
No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Rollover complicao pa mi
Si con el piquito inferior dcha. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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] Rollover complicao pa mi
Deja mas espacio blaco (o transparente) entre uno y otro de modo que al hacer un cuadrado entre en él una imagen de las 2 solamente y no la siguiente. Espero que me hayas entendido porque me temo que no me he explicado muy bien. saludos El 5 de marzo de 2009 17:17, Joseba jos...@visionasolutions.es escribió: Si con el piquito inferior dcha. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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] Rollover complicao pa mi
Es muy simple, no tengo ganas de ponerme a hacer el codigo. Pero básicamente es darle a los A dentro de tu menu la propiedad de display:block, y darles un alto y un ancho. Después cargar la imagen de fondo con su respectiva posición. Y esos A, en estado hover (ej: #menu ul li a:hover) cambiarle el background-position para dejarlo con el violeta oscuro y la flechita. 2009/3/5 Joseba jos...@visionasolutions.es Si con el piquito inferior dcha. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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 -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Martin Etxauri escribió: Siguiendo con las metaforas :) a veces es como pintar con acuarelas intentando tener un acabado de pintura al oleo, pues no porque por muy bueno que seas y por mucho arte que tengas una cosa es una cosa y otra es otra. Pero es que si debo bocetar, prefiero esquematizar primero la idea con lápiz, en segundo término con acuarelas, que son baratas y rápidas de implementar. Y solo una vez que el cliente haya aprobado el boceto, allí sí le hacemos el óleo con todos los detalles finales (son caros los óleos!). Habría que preguntarle a Miguel Angel si las metodologías de diseño centrado en el usuario sirven para artistas (que no lo creo!!) :) Para mi y mi realidad un buen proceso que no siempre sigo es, preparar unos wireframes para enseñar y hacerte tu a la idea, esbozar en illustrator/photoshop la cabecera, sobre todo si va a llevar algún montaje un poco especial y después diseñar la parte de contenido en directamente en html y conforme voy necesitando imágenes me las preparo en photoshop y las meto en el html/CSS. Eso si, en el proceso de diseño que se vea bien en firefox, después ya cuando me ponga mas a montar todo ya me encargaré de hacerlo crossbrowser. Finalmente, coincido 100% con tu proceso (y a veces, yo tampoco lo sigo, jaja!) Wireframes - Photoshop - HTML/CSS. Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Rollover complicao pa mi
Esa es la solucion q tenemos preparada si no hay solucion para lo otro. Gracias. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de 2tonewarrior Enviado el: jueves, 05 de marzo de 2009 17:25 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi Deja mas espacio blaco (o transparente) entre uno y otro de modo que al hacer un cuadrado entre en él una imagen de las 2 solamente y no la siguiente. Espero que me hayas entendido porque me temo que no me he explicado muy bien. saludos El 5 de marzo de 2009 17:17, Joseba jos...@visionasolutions.es escribió: Si con el piquito inferior dcha. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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 ___ 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] Rollover complicao pa mi
ejemplo http://s5.tinypic.com/hwgyuh.jpg El 5 de marzo de 2009 17:25, 2tonewarrior 2tonewarr...@gmail.com escribió: Deja mas espacio blaco (o transparente) entre uno y otro de modo que al hacer un cuadrado entre en él una imagen de las 2 solamente y no la siguiente. Espero que me hayas entendido porque me temo que no me he explicado muy bien. saludos El 5 de marzo de 2009 17:17, Joseba jos...@visionasolutions.es escribió: Si con el piquito inferior dcha. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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] Rollover complicao pa mi
No se si t h entendido muy bien pero creo q eso no funciona. Gracias. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:25 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi Es muy simple, no tengo ganas de ponerme a hacer el codigo. Pero básicamente es darle a los A dentro de tu menu la propiedad de display:block, y darles un alto y un ancho. Después cargar la imagen de fondo con su respectiva posición. Y esos A, en estado hover (ej: #menu ul li a:hover) cambiarle el background-position para dejarlo con el violeta oscuro y la flechita. 2009/3/5 Joseba jos...@visionasolutions.es Si con el piquito inferior dcha. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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 -- ↓ Ignacio Ricci www.ignacioricci.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://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] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Pero es que si debo bocetar, prefiero esquematizar primero la idea con lápiz, en segundo término con acuarelas, que son baratas y rápidas de implementar. Y solo una vez que el cliente haya aprobado el boceto, allí sí le hacemos el óleo con todos los detalles finales (son caros los óleos!). jejeje le has dado la vuelta a la metáfora y tienes razón eso si, el problema está en explicarle al cliente que esto que ve con textura de acuarelas va a ser tipo óleo y si luego te pide esas transparencias de acuarela en el óleo vas a sudar para que te queden igual :D ___ 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] ¿Bocetos en imagen o en HTML/CSS? ( era: Trabajar con EMs)
Martin Etxauri escribió: Pero es que si debo bocetar, prefiero esquematizar primero la idea con lápiz, en segundo término con acuarelas, que son baratas y rápidas de implementar. Y solo una vez que el cliente haya aprobado el boceto, allí sí le hacemos el óleo con todos los detalles finales (son caros los óleos!). jejeje le has dado la vuelta a la metáfora y tienes razón eso si, el problema está en explicarle al cliente que esto que ve con textura de acuarelas va a ser tipo óleo y si luego te pide esas transparencias de acuarela en el óleo vas a sudar para que te queden igual :D Solo por eso es que no pinto cuadros y me quedo con el XHTML y CSS, que si no... jaja! :) Un abrazo! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Rollover complicao pa mi
Aqui te dejo algunos links de como lo puedes hacer solo con una imagen, que es lo interesante. http://www.htmldog.com/articles/rollovers/ http://alexsancho.name/archives/2006/06/rollover-de-imagenes-con-css/ http://www.baluart.net/articulo/menu-rollover-con-css-y-una-sola-imagen El 5 de marzo de 2009 17:31, Joseba jos...@visionasolutions.es escribió: No se si t h entendido muy bien pero creo q eso no funciona. Gracias. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:25 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi Es muy simple, no tengo ganas de ponerme a hacer el codigo. Pero básicamente es darle a los A dentro de tu menu la propiedad de display:block, y darles un alto y un ancho. Después cargar la imagen de fondo con su respectiva posición. Y esos A, en estado hover (ej: #menu ul li a:hover) cambiarle el background-position para dejarlo con el violeta oscuro y la flechita. 2009/3/5 Joseba jos...@visionasolutions.es Si con el piquito inferior dcha. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? Gracias. ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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 -- ↓ Ignacio Ricci www.ignacioricci.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://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
[Ovillo] Imprimir tabla
Hola! Estoy trabajando en una aplicación web que genera un listado. Lo implementé con una tabla que tiene 5 columnas y una cantidad indeterminada de filas. En pantalla se ve perfecto, pero el problema está al momento de imprimirlo. El listado impreso debería dividirse en páginas y cada página tiene que tener su respectiva cabecera (el nombre de la empresa, el número de página y los headings de las columnas). ¿Existe en CSS algo que pueda poner en la stylesheet de impresión que haga eso automáticamente? (para no tener que programarlo a mano del lado del servidor). Desde ya, muchas gracias ___ 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] Trabajar con EMs
Hola, Hernán. ...Stop. Estoy tratando de encontrar una solución, Ramón, no quiero criticar más lo mal hecho, estoy tratando de ver cómo deberíamos HACERLO BIEN. Claro, si lo que digo es que no hay un método que sirva siempre y en todos los casos. En algunos diseños, puede ser que al diseñador le dé por poner una fuente minúscula por defecto, porque le interesa presentar mucha información a la vez, y se encuentra con contenedores demasiado estrechos para que la fuente pueda aumentar cómodamente hasta tamaños razonables. Por ejemplo, imagina que parto de un diseño con una fuente muy pequeña (aprox. 10px, con un reset en el body para la asignación em/px); dentro de unos contenedores estrechos, esa fuente puede caber bien, pero si yo trato de aumentarla para poder verla, tal vez necesito ampliarla tanto que ya no cabe en esos contenedores o se corta. El porcentaje no me resuelve nada, porque el 10% de 800px siempre son 80px, una medida que no cambiará al aumentar la letra. Nadie (ni tú) ofrece otra solución mejor (salvo lo que aportó Julián hace unas horas, que me gustó mucho pero todavía debo estudiarlo con mayor detenimiento). En algunos casos, un diseño con tablas podría ser efectivo (o con tablas simuladas si IE las pillara). ¿Y por qué no habría de servirte un sitio con las dos columnas en porcentajes, con 20% / 80% para las dos columnas, por decir una proporción cualquiera? ¿Cuál sería tu problema con ese diseño? Por lo que ya he comentado más arriba, el 10% de 800px son 80px SIEMPRE. Mi menú lateral estará confinado a 80px fijos que no darán para mucho si la fuente crece. Sin embargo, si son 12em, por ejemplo, el menú izquierdo aumentará de ancho, y la parte derecha se contraerá a la vez. Llegará un punto donde la parte derecha se encoja mucho, pero en general el resultado será aceptable hasta escalas muy grandes. Saludos, Ramón. ___ 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] Trabajar con EMs
Ramón Corominas escribió: El porcentaje no me resuelve nada, porque el 10% de 800px siempre son 80px, una medida que no cambiará al aumentar la letra. Sí, 10% del algo es muy poco de ese algo, ¿qué tal 50%? ¿40 y 60%? ¿30 y 70%? ¿Y por qué no habría de servirte un sitio con las dos columnas en porcentajes, con 20% / 80% para las dos columnas, por decir una proporción cualquiera? ¿Cuál sería tu problema con ese diseño? Por lo que ya he comentado más arriba, el 10% de 800px son 80px SIEMPRE. ¿Quién defiende el DIEZ por ciento? Yo no. Dije 20/80%. Pero pongamos 30/70, o 60/40. Díme tú cuánto quieres y te lo hago, hombre! Quiero ese número que te dejaría contento!... Mi menú lateral estará confinado a 80px fijos que no darán para mucho si la fuente crece. Sin embargo, si son 12em, por ejemplo, el menú izquierdo aumentará de ancho, y la parte derecha se contraerá a la vez. Llegará un punto donde la parte derecha se encoja mucho, pero en general el resultado será aceptable hasta escalas muy grandes. ¿Qué porcentaje concreto te parecería aceptable para que yo maquete una web en porcentajes a DOS columnas? Columna 1:% Columna 2: ¿Y qué porcentaje para una a TRES columnas? Columna 1:% Columna 2: Columna 3: Si me respondes concretamente eso, habré aprendido algo de una persona con mayores dificultades visuales que las mías, y aplicaré lo aprendido en mis futuros sitios. Muchas gracias. Saludos, -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imprimir tabla
a las tablas les puedes puedes poner page-break-after: always; para que hagan el salto de pagina al terminar, y puedes poner tablas de mas o menos el tamaño una dina4, quizas un poco mas pequeño por si las moscas. naturalmente, con esta idea habria que tener muchas tablitas, que visualmente parezcan una sola, al estar todas pegadas y tener las mismas dimensiones. El que visualmente se vean juntas, pero en realidad tengan una cabecera especial, se puede conseguir haciendo que esa cabecera siempre esta ahi, pero normalmente oculta, y solo se hace visible al imprimir (mediante el css media=print se lo hace visible. otra opcion es generar programaticamente PDF's que es muchisimo mas trabajo, pero tienes mas control de lo que se va a imprimir. 2009/3/5 Hugo López hugoluislo...@gmail.com: Hola! Estoy trabajando en una aplicación web que genera un listado. Lo implementé con una tabla que tiene 5 columnas y una cantidad indeterminada de filas. En pantalla se ve perfecto, pero el problema está al momento de imprimirlo. El listado impreso debería dividirse en páginas y cada página tiene que tener su respectiva cabecera (el nombre de la empresa, el número de página y los headings de las columnas). ¿Existe en CSS algo que pueda poner en la stylesheet de impresión que haga eso automáticamente? (para no tener que programarlo a mano del lado del servidor). -- -- ℱin del ℳensaje. ___ 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] Imprimir tabla
Hugo López escribió: cada página tiene que tener su respectiva cabecera (el nombre de la empresa, el número de página y los headings de las columnas). Te sugiero investigar page-break-inside y cortar cada X filas tu tabla al generarla mediante lenguajes de servidor, intercalando un div que tenga aplicado ese page-break que fuerce a la impresora a comenzar una nueva página. Y que ese div contenga tu cabecera completa. A ese div, en la hoja normal, le pones display:none para esconderlo, y en la hoja para impresora, lo haces visible. Si funciona, nos cuentas... Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
2009/3/5 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar
Julián Landerreche escribió:
1) para tu caja contenedora (aka wrapper, container, contenedor,
etc)
definí un min-width en píxeles (760px, por ejemplo)
2) y un max-width en ems (ej: 80em)
4) obviamente, definís tu font en el body en ems, o en porcentajes creo
que
también resulta.
Me parece una excelente solución, Julián!
De hecho, todavía estoy buscando si tiene alguna contraindicación, y
no se la encuentro. Encontraste el santo grial!! jaja!!...
Me alegro que te haya gustado.
El mérito es de Roger Johansson, y probablemente otros que experimentaron
esa idea hace ya un tiempo.
Debo aclarar que en mi opinión, un diseño elástico en ems tiene sus
limitaciones, particularmente relacionadas con el diseño estético que puedas
adaptar a ellas. Me parece que va bien en sitios que tienen mucho texto y
pocas imágenes (backgrounds), particularmente imágenes decorativas que
tengan el ancho fijo.
Agrego un paso 5:
5) definir las columnas en porcentajes (que sumen 99%, y evitar el 100%, por
cuestiones de redondeo de los navegadores).
Por ejemplo, si tenés un #principal y un #secundario, podés ponerles 69% y
29%, dejando un 1% de gap.
Y explico los otros 4 pasos:
1) para tu caja contenedora (aka wrapper, container, contenedor, etc)
definí un min-width en píxeles (760px, por ejemplo)
Hoy por hoy, no tiene sentido que un sitio tenga menos de 760 píxeles de
ancho.
2) y un max-width en ems (ej: 80em)
Así, en monitores grandes, el ancho máximo está en función del tamaño de la
fuente, y no al 100%.
3) en tu hoja de IE6, podés poner:
* html #container {
width: 80em; /* o lo que te plazca para que degrade agraciadamente
(sic) cuando no hay JS */
width: expression( document.body.clientWidth 800 ? auto : 80em );
}
Esto es simplemente el truco que hace que la cosa funcione de manera
aceptable en IE6 (con JS habilitado)
4) obviamente, definís tu font en el body en ems, o en porcentajes creo que
también resulta.
Aqui no hay mucha ciencia, pero sí mucho rompedero de cabeza, con el tema de
como se heredan los ems en la cascada.
Saludos,
Julián
___
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] Imprimir tabla
Hola, 2009/3/5 Hugo López hugoluislo...@gmail.com Hola! Estoy trabajando en una aplicación web que genera un listado. Lo implementé con una tabla que tiene 5 columnas y una cantidad indeterminada de filas. En pantalla se ve perfecto, pero el problema está al momento de imprimirlo. El listado impreso debería dividirse en páginas y cada página tiene que tener su respectiva cabecera (el nombre de la empresa, el número de página y los headings de las columnas). Para que en cada página aparezca una cabecera con lo de la empresa, numero de página y demás, pues no sé que decirte. Para que aparezcan las cabeceras de las columnas, debes ponerlas dentro del elemento thead: table thead tr thcabecera 1/th thcabecera 2/th /tr /thead tfoot !-- aquí el pie de la tabla. se va a repetir en todas las páginas lo mismo, sin cambiar datos. (al igual que las cabeceras de la tabla) -- tfoot tbody !-- aqui las filas de contenido -- tbody /table Me sumo a la opción de Tei de generar un PDF (un marrón, pero mucho más profesional y con mucho más control). Saludos. -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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] Imprimir tabla
El día 5 de marzo de 2009 18:37, carlos campderrós gilipollas.desconcerta...@gmail.com escribió: Para que aparezcan las cabeceras de las columnas, debes ponerlas dentro del elemento thead: Gracias Carlos! Era justamente lo que necesitaba (había usado otras veces thead y tbody pero no recordaba que hicieron esto)... Ahora solo resta poner dentro de una fila del thead los demás datos (nombre de la empresa, títulos, etc.) y con eso tendría que quedar bien... Muchas gracias también a Tei y Hernán por sus respuestas. ___ 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] Trabajar con EMs
Hola, Hernán y todos. Sí, 10% del algo es muy poco de ese algo, ¿qué tal 50%? ¿40 y 60%? ¿30 y 70%? ¿Y qué tal si soy yo quién decide cuánto quiere que mida cada columna en MI diseño? 10% es poco según para qué cosas, en algunos casos puedo querer un menú minimalista (o lo ha querido el diseñador), que mida tan poco como eso, o incluso menos (ver el ejemplo más abajo). El tema creo que es aportar una solución que sea válida también para los casos extremos, y no poner tú las condiciones de lo que puedo o no puedo diseñar. ¿Quién defiende el DIEZ por ciento? Yo no. Dije 20/80%. Pero pongamos 30/70, o 60/40. Díme tú cuánto quieres y te lo hago, hombre! Quiero ese número que te dejaría contento!... YO defiendo el 10%, de hecho defiendo el 7%, porque sí, porque quiero que sea ese el tamaño por defecto de mi menú. Y quiero que si se amplía la fuente no se me descuadre todo, y que se lea bien, y que todo fluya y no haga scroll horizontal... ¿Qué porcentaje concreto te parecería aceptable para que yo maquete una web en porcentajes a DOS columnas? Columna 1:% Columna 2: Columna 1: 4.5em Columna 2: el resto hasta el 100% ¿Por qué voy a darte porcentajes si te estoy diciendo que lo que quiero es otra cosa? Quiero ems, porque los ems crecen y los porcentajes no. Quiero que mi menú ridículamente ancho por defecto crezca grácilmente cuando amplíe el tamaño de la letra dejando, eso sí, menos espacio para el contenido, que de todos modos seguirá siendo bastante ancho. ¿Y qué porcentaje para una a TRES columnas? Columna 1:% Columna 2: Columna 3: Por la misma razón, puedo querer 5em y 7em para las dos columnas laterales, y una columna central que me ocupe el resto del espacio (100% - 12em). Quiero que mis columnas laterales se hagan más anchas cuando se amplíe el tamaño de letra, y que sea la columna central la que se haga más estrecha. ¿Y por qué lo quiero? Pues porque me da la gana y porque es posible... Al menos usando tablas (o tablas CSS). Y como es muy difícil explicar estas cosas con palabras, ahí va el ejemplo de lo que quiero (disculpad los márgenes, paddings, etc., sólo se trata de una prueba de concepto). Para las pruebas he usado Firefox 3 (desactivando el escalado tipo zoom) en 1024x768, en IE6 me ha hecho cosas raras y no me voy a poner a corregirlo para lo que es... http://www.ramoncorominas.com/ovillo/2col/ Mi conclusión es: - DIVS1: Con porcentajes, al ampliar las fuentes más allá de un determinado tamaño, los contenedores se me comen el contenido. - DIVS2: Mezclando ems y porcentajes con divs flotados, en cuanto el menú crece un poco el segundo div se cae (no se me ocurre ninguna manera de hacer que se encoja). - DIVS3/TABLAS: Con divs simulando tablas mediante propiedades de CSS, obtengo lo que quiero, quedando exactamente igual que si utilizo una maquetación con tablas reales. Desgraciadamente, esas propiedades no funcionan bien con IE, por lo que la única opción cross-browser sería maquetar con tablas de verdad (no, no estoy recomendando eso, sólo exponiendo el problema). Sí, soy consciente de que esas medidas pueden ser casos extremos, pero no veo la razón para no querer que algunos de los contenedores crezcan acorde con la fuente y que a la vez otros se adapten al espacio que quede. Para mí es algo realmente útil. Nota: he visto algún diseño con CSS a dos (y tres) columnas que usa una técnica a través de márgenes en ems para hacer algo parecido a esto, pero no termina de funcionarme bien del todo, es una pena. En fin, espero haberme explicado bien esta vez guiño Un saludín, Ramón. ___ 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] por cual optarias, Tabla o DL
buenas, estoy presentando datos que se generan desde php a traves de funciones del lenguaje y tambien desde llamadas a una base de datos. mi cuestion es esta, cual seria mejor opcion una tabla o listas de definiciones? la verdad uso ambas, pero la inconveniencia que encuentro es que las dl hay que ponerles mas atencion con las css, mientras que una tabla esta ahi, lista y servida, se queda bien quieta y muestra los datos como son (generalmente), tambien las dl no muestran mas que un orden titulo descripcion por defecto. la verdad prefiero usar la tabla cuando necesito mostrar mas de 2 columnas, mientras que las DL las uso para 2 columnas. pero aqui viene otra pregunta... por que se desaconseja tanto el uso de tablas? leo mucho aqui que no es bueno usar tablas, pero tambien tengo entendido que las tablas son perfectas para mostrar datos que son tabulares, es decir repetitivos con un mismo formato, filas y columnas. bueno, no soy uno de los pocos defensores de las tabla, para nada, solo veo que se han satanizado en cierto modo, debido a que muchos haraganes las prefieren cuando pasan sus diseños photoshop a html, bueno los que todavia hacen eso. saludos a la lista! -- Jonathan C. lockhe...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] por cual optarias, Tabla o DL
No se debe usar tablas para definir la estructura de un sitio.Pero cuando estamos mostrando datos tabulares obviamente sí, que es el correcto uso de las tablas. Y me parece que una DL es muy diferente a una TABLE. Nacho On Fri, Mar 6, 2009 at 12:31 AM, Jonathan C. lockhe...@gmail.com wrote: buenas, estoy presentando datos que se generan desde php a traves de funciones del lenguaje y tambien desde llamadas a una base de datos. mi cuestion es esta, cual seria mejor opcion una tabla o listas de definiciones? la verdad uso ambas, pero la inconveniencia que encuentro es que las dl hay que ponerles mas atencion con las css, mientras que una tabla esta ahi, lista y servida, se queda bien quieta y muestra los datos como son (generalmente), tambien las dl no muestran mas que un orden titulo descripcion por defecto. la verdad prefiero usar la tabla cuando necesito mostrar mas de 2 columnas, mientras que las DL las uso para 2 columnas. pero aqui viene otra pregunta... por que se desaconseja tanto el uso de tablas? leo mucho aqui que no es bueno usar tablas, pero tambien tengo entendido que las tablas son perfectas para mostrar datos que son tabulares, es decir repetitivos con un mismo formato, filas y columnas. bueno, no soy uno de los pocos defensores de las tabla, para nada, solo veo que se han satanizado en cierto modo, debido a que muchos haraganes las prefieren cuando pasan sus diseños photoshop a html, bueno los que todavia hacen eso. saludos a la lista! -- Jonathan C. lockhe...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Bocetos en imagen o en HTML/CSS?
Yo cada vez hago más diseños directamente en XHTML/CSS. A veces cuelgo el boceto, a veces presento un pantallazo. Ventajas: 1.- Sabes que lo que se presenta, si se acepta, es lo que se va a ver. 2.- No es más lento y es más flexible (cambiar el ancho o el orden de los elementos de la plantilla es más rápido con CSS). Desventaja: haciendo el diseño aparte es más fácil dar con soluciones más originales, porque lo cierto es que haciéndolos con CSS a veces intentas evitar ciertas dificultades (lo cual tampoco está del todo mal, porque te aseguras de que no haya problemas de compatibilidad entre navegadores, etc.) En cualquier caso, siempre hay algo de diseño en algún programa de edición de imagen. Saludos, Ignacio Gros ___ 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] por cual optarias, Tabla o DL
Lo que no se aconseja es usar tablas de maquetación, pero desde luego sí que es correcto para datos tabulares, y de hecho es como debería hacerse, eso sí, con el marcado correcto de las celdas de encabezado, y proporcionando a ser posible un título con caption En cuanto a las tablas de maquetación, la razón para que no sean aconsejables es, en primer lugar, semántica, porque se entiende que una estructura visual no es una tabla de datos (el menú o el texto de la página no son datos de una tabla, sino contenido web en sí mismo). Por otro lado, determinadas estructuras hechas con tablas pueden variar el orden de lectura de los contenidos, haciéndolos incomprensibles, y también hay estructuras de maquetación que anidan varias tablas unas dentro de otras, lo que puede dar problemas con algunos lectores de pantalla. De todos modos, sigue habiendo unos cuantos desarrolladores que defienden vivamente las tablas de maquetación, básicamente porque permiten cosas que son imposibles con CSS (al menos en algunos IE). Cuando todos los navegadores soporten bien las propiedades de tablas de display, pueden pasar a la historia definitivamente. Un saludín, Ramón. ___ 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] por cual optarias, Tabla o DL
Además un dato importante es que no son accesibles, y es importante que nuestra web esté dirigida a todo el mundo ___ 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
