Re: [Ovillo] Centrar varias imagenes en linea en un div
Yo limitaría el tamaño de las imágenes con un resize o utilizando thumbnails previamente generados (o generados al vuelo). Lo digo por lo de que las imágenes puedan cambiar según salgan nuevos productos, así siempre tendrán las mismas dimensiones sin importar que el usuario las haya podido cambiar o cambiará. El día 26/02/07, oswaldo domingo <[EMAIL PROTECTED]> escribió: > > Gracias > Probaré lo de los divs flotantes y a tratarlos como una lista, pero como > el > tiempo apremiaba lo he dejado con las tablas por ahora. Cuando depure mas > la > cosa intentaré hacerlo lo mas correcto posible. > > Hay una cosa que también hace que esa línea de imágenes sea un poco > complicada y es que las imágenes van a ir cambiando según salgan nuevos > productos, así que es otra cosa que complica un poco mas el tema, pero eso > es otra historia :) > > Saludos y gracias a todos por los comentarios y ayudas. > ___ > 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] Centrar varias imagenes en linea en un div
Gracias Probaré lo de los divs flotantes y a tratarlos como una lista, pero como el tiempo apremiaba lo he dejado con las tablas por ahora. Cuando depure mas la cosa intentaré hacerlo lo mas correcto posible. Hay una cosa que también hace que esa línea de imágenes sea un poco complicada y es que las imágenes van a ir cambiando según salgan nuevos productos, así que es otra cosa que complica un poco mas el tema, pero eso es otra historia :) Saludos y gracias a todos por los comentarios y ayudas. ___ 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] Centrar varias imagenes en linea en un div
Hola lo más semanticamente correcto sería que los tratases como una lista
cada una de las imagenes como un item de la lista (li) ,.
El xhtml sería así
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
listas para imagenes
Primer item
Lorem ipsum dolor sit amet.
Segundo item
Lorem ipsum dolor sit amet.
Tercer item
Lorem ipsum dolor sit amet.
Y el estilo (liststyle.css) sería :
h3 { margin : 0 10px;
padding : .5em 0 0 0;
font-size : 100%; }
p { margin : 0 10px;
padding : 0 0 .5em 0; }
ul { list-style-type : none;
width : 780px;
margin : 0;
padding : 0;
border-top : 20px solid #90305c; }
ul:after { content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden; }
li { position : relative;
float : left;
width : 260px;
padding : 2em 0; }
li#one { background : #e4ccd7 ; }
li#two { background : grey; }
li#three { background : #e4ccd7; }
h3 img { float : right; }
Espero que te sirva :)
Salu2..
___
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] Centrar varias imagenes en linea en un div
Creo que lo mejor es volver al tema principal del hilo. Como no son tablas de datos lo que se pretende colocar, que son imágenes, lo mejor creo yo es usar div's flotantes. Los colocas donde te dé la gana y dentro metes las imágenes. Para centrar verticalmente todo había una explicación en algún sitio pero no la he encontrado ahora. Recuerdo que buscando en google por "css vertical alignment" salí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] Centrar varias imagenes en linea en un div
Descalificarme, sí que lo has hecho. Pero no veo el aporte en este punto particular de apuntar y tirar al bulto. Te voy a dar una orientación: NUNCA personalices una opinión si quieres ser tomado en serio; NUNCA descalifiques una opinión si quieres que la tuya tenga realce. Tu punto de vista tiene que tener su propio fundamento y nunca debe ergirse en base a la descalificación del punto de vista de los demás. En idioma simple: no hagas leña del árbol caído. Trata de que las cosas tengan su propio sustento, no les pongas tu propio énfasis. Si tienes algo que aclarar, hazlo, pero no "perturbes" la vida de los demás,y menos: si por allí no hay enemigos. Si tienes algo que correjir, haszlo, pero no seas arrogante. Ten en cuenta que el 2 está al ladito del 3 en el teclado y bien yo podría haberme equivocado al teclear HTML 3.0 (de todos modos no lo hice: sólo tomé el dato de un libro de Anaya: "HTML: creación de páginas web" de Alonso Alvarez García de 1996). Pero, por delicadeza: tenlo en cuenta. O sea que si mi fuente está equivocada, es de muy mal gusto (y mala leche) adjudicármelo a mí que he obrado con "buena intención"... ,-) En fin: si quieres cosechar, hazlo, pero por favor, que sea sobre tu propia siembra. Y bueno, si tienes buena semilla, mucho mejor. Gracias por la referencia: http://www.w3.org/MarkUp/html-spec/L2index.html Gracias por las correcciones. Y gracias por entender que esto no tiene por qué trascender estas simples líneas en el afán de darle de comer al Troll. Almirante von Web/. -- "Educando al asno, por no apalearlo." ©2007 ;-) - Original Message - From: "Tei" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, February 23, 2007 2:02 PM Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div On 2/23/07, LISTAS <[EMAIL PROTECTED]> wrote: [..] > Los estilos físicos fueron los primeros en surgir, pero al fin de cuentas, > los estilos lógicos ganaron la cruzada y hoy ya es historia. Pero, ¿de qué > se trataba el asunto? Paso a explicar: > Por favor, usemos todos la misma terminologia para entendernos mejor. Se suele decir "Separacion de Contenido y Presentacion". > ESTILOS FISICOS > > Se trata de la forma habitual de describir estilos en los programas de > tratamiernto de textos y se especifican con los siguientes delimitadores: > Negrita ; Cuesiva ; Subrayado >U>; Texto Terminal . > El efecto de los estilos se acumula. Así, si dentro de un bloque en negrita > se incluye uno en cursiva, el texto se especifica así: Esto es negrita; > negrita más cursiva; sólo negrita > > Con HTML 3.0 aparecieron nuevos estilos: los "LOGICOS", que reemplazaron > unas etiquetas por otras: > por ; por , etc. Es decir que las etiquetas debian hacer > incapié en el "significado" de lo que contenía más que en el estilo estricto > del mismo. De este modo, el usuario podía definir el modo en cómo se > presentaría el texto. > Revista tus "facts". Parece que strong y em aparecieron con HTML 2.0 http://www.w3.org/MarkUp/html-spec/L2index.html Se suele decir ademas que el diseño original era semantico, y fue despues cuanda se le fueron añadiendo cada vez mas elementos de modificacion de la presentación. Si realmente se hubiera querido hacer un lenguaje representacional, algo mas como SVG habria sido preferible. No se muy bien de donde te ha llegado la idea contraria. Deberias leer mas la web de la WC3 y menos los enlaces esos que recomiendas ( suponiendo que de esos enlaces es donde hayas aprendido esas ideas peregrinas ). ___ 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] Centrar varias imagenes en linea en un div
Porque no utilizas una lista horizontal como si fuera un menú y le das un determinado margen a la imagen de menor altura de forma que se sitúe al nivel que deseas. Es solo una sugerencia. Creo que por ahí tengo algo parecido. Si lo encuentro lo envío. Un cordial saludo de SantosVZ -Mensaje original- De: oswaldo domingo [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 23 de Febrero de 2007 11:59 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar varias imagenes en linea en un div Gracias a todos por las contestaciones Parece que esto se ha ido un poco de la pregunta original, cosa que siempre pasa cuando salen las tablas en los temas. La idea es poner imágenes en una tira, lo malo es que hay imágenes que tienen 100px de alto y otras solo 30px. con lo que me quedaría mas o menos imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen y yo pretendo que quede imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen y centrado en la página, por ahora solo lo he conseguido con las tablas, con CSS solo las centré con el text-aling: center en la página pero no verticalmente con relación a las de los lados. 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 ___ 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] Centrar varias imagenes en linea en un div
On 2/23/07, LISTAS <[EMAIL PROTECTED]> wrote: [..] > Los estilos físicos fueron los primeros en surgir, pero al fin de cuentas, > los estilos lógicos ganaron la cruzada y hoy ya es historia. Pero, ¿de qué > se trataba el asunto? Paso a explicar: > Por favor, usemos todos la misma terminologia para entendernos mejor. Se suele decir "Separacion de Contenido y Presentacion". > ESTILOS FISICOS > > Se trata de la forma habitual de describir estilos en los programas de > tratamiernto de textos y se especifican con los siguientes delimitadores: > Negrita ; Cuesiva ; Subrayado >U>; Texto Terminal . > El efecto de los estilos se acumula. Así, si dentro de un bloque en negrita > se incluye uno en cursiva, el texto se especifica así: Esto es negrita; > negrita más cursiva; sólo negrita > > Con HTML 3.0 aparecieron nuevos estilos: los "LOGICOS", que reemplazaron > unas etiquetas por otras: > por ; por , etc. Es decir que las etiquetas debian hacer > incapié en el "significado" de lo que contenía más que en el estilo estricto > del mismo. De este modo, el usuario podía definir el modo en cómo se > presentaría el texto. > Revista tus "facts". Parece que strong y em aparecieron con HTML 2.0 http://www.w3.org/MarkUp/html-spec/L2index.html Se suele decir ademas que el diseño original era semantico, y fue despues cuanda se le fueron añadiendo cada vez mas elementos de modificacion de la presentación. Si realmente se hubiera querido hacer un lenguaje representacional, algo mas como SVG habria sido preferible. No se muy bien de donde te ha llegado la idea contraria. Deberias leer mas la web de la WC3 y menos los enlaces esos que recomiendas ( suponiendo que de esos enlaces es donde hayas aprendido esas ideas peregrinas ). ___ 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] Centrar varias imagenes en linea en un div
Gracias a todos por las contestaciones Parece que esto se ha ido un poco de la pregunta original, cosa que siempre pasa cuando salen las tablas en los temas. La idea es poner imágenes en una tira, lo malo es que hay imágenes que tienen 100px de alto y otras solo 30px. con lo que me quedaría mas o menos imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen y yo pretendo que quede imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen y centrado en la página, por ahora solo lo he conseguido con las tablas, con CSS solo las centré con el text-aling: center en la página pero no verticalmente con relación a las de los lados. 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] Centrar varias imagenes en linea en un div
¡Es lo que yo digo, hombre...! ¿O me rompí la testa en vano tratando de explicarlo...? ¡Uuufff...! Lo que he tratado de demostrar es que si ya existen las tablas para "ordenar" datos tabulares, ¿por qué hay gente que insiste con hacerlo medante DIV y CSS? ¿Moda? ¿Capricho? ¿Qué...? ¡JODER! Pero si insisten en satanizar a las tablas,bueno,inventen un recurso con los DIV y todos contentos. Un poco de historia: En 1996 se instaló un amplio debate. Para ser más específicos: una cruzada entre los "estilos físicos" y los "estilos lógicos" reivindicados por PURISTAS y HETERODOXOS. Los estilos físicos fueron los primeros en surgir, pero al fin de cuentas, los estilos lógicos ganaron la cruzada y hoy ya es historia. Pero, ¿de qué se trataba el asunto? Paso a explicar: ESTILOS FISICOS Se trata de la forma habitual de describir estilos en los programas de tratamiernto de textos y se especifican con los siguientes delimitadores: Negrita ; Cuesiva ; Subrayado >U>; Texto Terminal . El efecto de los estilos se acumula. Así, si dentro de un bloque en negrita se incluye uno en cursiva, el texto se especifica así: Esto es negrita; negrita más cursiva; sólo negrita Con HTML 3.0 aparecieron nuevos estilos: los "LOGICOS", que reemplazaron unas etiquetas por otras: por ; por , etc. Es decir que las etiquetas debian hacer incapié en el "significado" de lo que contenía más que en el estilo estricto del mismo. De este modo, el usuario podía definir el modo en cómo se presentaría el texto. La guerra fue llamada "La guerra entre los PURISTAS y los HETERODOXOS". Más info: ver http://euler.ciens.ucv.ve/curso/estilos.html | http://www.telecable.es/personales/mdcf1/Cursos/Internet/HTML_Fundacion/lecc ion_03/leccion_03.html o poner en el buscador habitual "estilos lógicos y físicos". Así que ya ven, en el mundo de la comunicación, NUNCA está dicha la última palabra... ;-) Almirante von Web/. -- "Educando al asno, por no apalearlo." ©2007 ;-) - Original Message - From: "Christian Roque Geldres" <[EMAIL PROTECTED]> To: "'Ovillo, la lista de CSS en castellano'" Sent: Friday, February 23, 2007 11:39 AM Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div ¡¿Pero?! ¡¿Qué?! Esto de "El problema de los datos tabulares "simples" hechos con DIV (sin tablas)" ¿Por qué vas a mostrar datos tabulares con divs? Para eso se usan tablas. Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de LISTAS Enviado el: viernes, 23 de febrero de 2007 09:28 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar varias imagenes en linea en un div El problema de los datos tabulares "simples" hechos con DIV (sin tablas) es que al hacer un recorrido de selección de la "disposición" de los elementos, éstos pierden su carácter "tabular". Dicho de otro modo (y con un ejemplo muy práctico): En una tabla de 3 columnas, esto: Producto | Precio | Cantidad Agua | $3,40 | 16 unid. Pan | $2,73 | 12 unid. Jabón | $7,10 | 25 unid. Se recupera con un "copiar" y "pegar" así, de este modo: Producto Precio Cantidad Agua$3,40 16 unid. Pan $2,73 12 unid. Jabón $7,10 25 unid. En cambio con 3 DIV encolumnados uno al lado del otro, recuperamos esto: Producto Agua Pan Jabón Precio $3,40 $2,73 $7,10 Cantidad 16 unid. 12 unid. 25 unid. Por lo que tenemos que la información "tabular" se rompe. Bien, hablemos de accesibilidad, ¿OK? Un ciego (o "no vidente" si les place, ciego al fin), con una tabla, y un navegador auditivo recuperaría la información correctamente, no así con 3 DIV enfilados uno al lado del otro, en hilera. La vez pasada alguien nos pasó en esta lista un recurso de armar información tabular con listas ordenadas pasadas en 3 DIV enfilados (es un error hablar de "encolumnados"). El recurso era (en apariencias) muy inteligente en cuanto al recurso en sí, pero nada inteligente en cuanto a que la recuperación de datos adolecía de lo que ya he demostrado más adelante. Almirante von Web/. -------------- "Educando al asno, por no apalearlo." ©2007 ;-) - Original Message - From: "Tei" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, February 23, 2007 10:34 AM Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div On 2/23/07, LISTAS <[EMAIL PROTECTED]> wrote: > Uno de los grandes problemas de los cultores del CSS es creer que el uso de > las tablas es pecaminoso y pernicioso. ¡De ninguna manera! La verdad es que son muy útiles. Pero si haces la composición en 3 columnas con una tabla. No la haces con CSS. Así, por ejemplo, pued
Re: [Ovillo] Centrar varias imagenes en linea en un div
¡¿Pero?! ¡¿Qué?! Esto de "El problema de los datos tabulares "simples" hechos con DIV (sin tablas)" ¿Por qué vas a mostrar datos tabulares con divs? Para eso se usan tablas. Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de LISTAS Enviado el: viernes, 23 de febrero de 2007 09:28 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar varias imagenes en linea en un div El problema de los datos tabulares "simples" hechos con DIV (sin tablas) es que al hacer un recorrido de selección de la "disposición" de los elementos, éstos pierden su carácter "tabular". Dicho de otro modo (y con un ejemplo muy práctico): En una tabla de 3 columnas, esto: Producto | Precio | Cantidad Agua | $3,40 | 16 unid. Pan | $2,73 | 12 unid. Jabón | $7,10 | 25 unid. Se recupera con un "copiar" y "pegar" así, de este modo: Producto Precio Cantidad Agua$3,40 16 unid. Pan $2,73 12 unid. Jabón $7,10 25 unid. En cambio con 3 DIV encolumnados uno al lado del otro, recuperamos esto: Producto Agua Pan Jabón Precio $3,40 $2,73 $7,10 Cantidad 16 unid. 12 unid. 25 unid. Por lo que tenemos que la información "tabular" se rompe. Bien, hablemos de accesibilidad, ¿OK? Un ciego (o "no vidente" si les place, ciego al fin), con una tabla, y un navegador auditivo recuperaría la información correctamente, no así con 3 DIV enfilados uno al lado del otro, en hilera. La vez pasada alguien nos pasó en esta lista un recurso de armar información tabular con listas ordenadas pasadas en 3 DIV enfilados (es un error hablar de "encolumnados"). El recurso era (en apariencias) muy inteligente en cuanto al recurso en sí, pero nada inteligente en cuanto a que la recuperación de datos adolecía de lo que ya he demostrado más adelante. Almirante von Web/. -- "Educando al asno, por no apalearlo." ©2007 ;-) - Original Message - From: "Tei" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, February 23, 2007 10:34 AM Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div On 2/23/07, LISTAS <[EMAIL PROTECTED]> wrote: > Uno de los grandes problemas de los cultores del CSS es creer que el uso de > las tablas es pecaminoso y pernicioso. ¡De ninguna manera! La verdad es que son muy útiles. Pero si haces la composición en 3 columnas con una tabla. No la haces con CSS. Así, por ejemplo, puedes hacer una pagina en 3 columnas, y poner el texto en la tercera. A la hora de imprimir aparecerá el texto arrinconado en la parte derecha. Tal como se ve en pantalla. Para modificar la composición, tendrías que modificar el html. En cambio con CSS, puedes cambiar la composición cambiando el CSS, y puedes tener un CSS especifico para imprimir.. porque quieres ocultar cosas. Y otro CSS para handeld.. con un tamaño de pantalla reducido. Yo uso mucho las tablas. Pero si pudiera haría lo mas importante siempre con CSS. Lo malo es que las tablas no hay que pensar, y cuando todo es para ayer, no tienes tiempo para pensar como hacerlo en CSS. Sin embargo quien tenga mucha experiencia en CSS lo hará sin pensar en CSS (quizás), y entonces hará un diseño mas flexible que el mio, y en menos tiempo :I Supongo que este es un tema recurrente en la lista. Yo como recientemente me he integrado aun no lo habia leido. Quizas no lo vuelva a comentar mas porque seguro que la gente esta cansada del tema :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 ___ 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] Centrar varias imagenes en linea en un div
El problema de los datos tabulares "simples" hechos con DIV (sin tablas) es que al hacer un recorrido de selección de la "disposición" de los elementos, éstos pierden su carácter "tabular". Dicho de otro modo (y con un ejemplo muy práctico): En una tabla de 3 columnas, esto: Producto | Precio | Cantidad Agua | $3,40 | 16 unid. Pan | $2,73 | 12 unid. Jabón | $7,10 | 25 unid. Se recupera con un "copiar" y "pegar" así, de este modo: Producto Precio Cantidad Agua$3,40 16 unid. Pan $2,73 12 unid. Jabón $7,10 25 unid. En cambio con 3 DIV encolumnados uno al lado del otro, recuperamos esto: Producto Agua Pan Jabón Precio $3,40 $2,73 $7,10 Cantidad 16 unid. 12 unid. 25 unid. Por lo que tenemos que la información "tabular" se rompe. Bien, hablemos de accesibilidad, ¿OK? Un ciego (o "no vidente" si les place, ciego al fin), con una tabla, y un navegador auditivo recuperaría la información correctamente, no así con 3 DIV enfilados uno al lado del otro, en hilera. La vez pasada alguien nos pasó en esta lista un recurso de armar información tabular con listas ordenadas pasadas en 3 DIV enfilados (es un error hablar de "encolumnados"). El recurso era (en apariencias) muy inteligente en cuanto al recurso en sí, pero nada inteligente en cuanto a que la recuperación de datos adolecía de lo que ya he demostrado más adelante. Almirante von Web/. -- "Educando al asno, por no apalearlo." ©2007 ;-) - Original Message - From: "Pau Taw" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, February 23, 2007 10:50 AM Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div Pues no creo que los usuarios que utilicen lectores de pantalla opinen lo mismo. Que te esté todo el rato leyendo "tabla con 3 filas y dos columnas... columna 1... fila 1" pues debe ser tan divertido que seguro que cierra tu página en menos de 20 segundos. Si el W3C recomienda no usa tablas será por algo. Si quieres centrar algo usa CSS. ¿Acaso no es mejor eso que al usuario le lea "tabla con 1 fila y 1 columna. Fila 1 columna 1. Texto"?. Ponte en su lugar. Una cosa es que gramaticalmente el código HTML valide y otra es que sea recomendable o accesible lo que estás haciendo. El W3C te dice NO a las tablas para maquetar porque son un problema en cuanto a accesibilidad, no porque gramaticalmente esté mal. De hecho puedes anidar 900 tablas que te validará bien, pero imagina lo que puede leer un lector de pantalla. Para tabular las cosas se hace en CSS, que tenemos varias formas, desde dar márgenes o paddings, text-indent, etc... Saludos amigos. El día 23/02/07, LISTAS <[EMAIL PROTECTED]> escribió: > > Uno de los grandes problemas de los cultores del CSS es creer que el uso > de > las tablas es pecaminoso y pernicioso. ¡De ninguna manera! El uso de las > tablas no está recomendado por el W3C respecto al maquetado (maquetado = > maquetación, diseño o diagramación) de una página. Y a menos que alguno de > ustedes me demuestre lo contrario, el W3C no nos dice cómo resolver > información tabular de otro modo que no sea con tablas. En síntesis: las > tablas, son absolutamente lícitas. > > Otra cosa sería si existiese, por ejemplo, algo como esto: > > > Fila uno > Fila dos > Fila tres > Fila cuatro > Fila cinco > > > En donde DIVTAB nos diría en cuántos tabulados van los datos; TYPETAB la > alineación de los tabulados; ORDENTAB qué posición ocuparía cada tabulado > y > WIDTH el ya conocido ancho de la tabla. > > Pero eso, a nadie se le ocurrió hasta el momento. > > Ergo, centrar un objeto mediante una tabla es absolutamente lícito. ¿O > acaso > no valida? > > Almirante von Web/. > ------ > "Educando al asno, por no apalearlo." > (c)2007 ;-) > > - Original Message - > From: "kemie guaida" <[EMAIL PROTECTED]> > To: "Ovillo, la lista de CSS en castellano" > Sent: Friday, February 23, 2007 7:23 AM > Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div > > > para centrarlas horizontalmente, basta con darle a #portada un > text-align:center. para centrarlas verticalmente, si te refieres con > respecto al contenedor padre, puedes intentar alo asi: > > http://www.jakpsatweb.cz/css/priklady/vertical-align-final-solution-en.html > > si te refieres a alinearlas una respecto a la otra, prueba la propiedad > vertical-align. > > saludos! > > kemie > > oswaldo domingo wrote: > > Hola lista > > Estoy intentando centrar varias imágenes dentro de un DIV para que > queden > > centradas dentro del div horizonta
Re: [Ovillo] Centrar varias imagenes en linea en un div
El problema de los datos tabulares "simples" hechos con DIV (sin tablas) es que al hacer un recorrido de selección de la "disposición" de los elementos, éstos pierden su carácter "tabular". Dicho de otro modo (y con un ejemplo muy práctico): En una tabla de 3 columnas, esto: Producto | Precio | Cantidad Agua | $3,40 | 16 unid. Pan | $2,73 | 12 unid. Jabón | $7,10 | 25 unid. Se recupera con un "copiar" y "pegar" así, de este modo: Producto Precio Cantidad Agua$3,40 16 unid. Pan $2,73 12 unid. Jabón $7,10 25 unid. En cambio con 3 DIV encolumnados uno al lado del otro, recuperamos esto: Producto Agua Pan Jabón Precio $3,40 $2,73 $7,10 Cantidad 16 unid. 12 unid. 25 unid. Por lo que tenemos que la información "tabular" se rompe. Bien, hablemos de accesibilidad, ¿OK? Un ciego (o "no vidente" si les place, ciego al fin), con una tabla, y un navegador auditivo recuperaría la información correctamente, no así con 3 DIV enfilados uno al lado del otro, en hilera. La vez pasada alguien nos pasó en esta lista un recurso de armar información tabular con listas ordenadas pasadas en 3 DIV enfilados (es un error hablar de "encolumnados"). El recurso era (en apariencias) muy inteligente en cuanto al recurso en sí, pero nada inteligente en cuanto a que la recuperación de datos adolecía de lo que ya he demostrado más adelante. Almirante von Web/. -- "Educando al asno, por no apalearlo." ©2007 ;-) - Original Message - From: "Tei" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, February 23, 2007 10:34 AM Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div On 2/23/07, LISTAS <[EMAIL PROTECTED]> wrote: > Uno de los grandes problemas de los cultores del CSS es creer que el uso de > las tablas es pecaminoso y pernicioso. ¡De ninguna manera! La verdad es que son muy útiles. Pero si haces la composición en 3 columnas con una tabla. No la haces con CSS. Así, por ejemplo, puedes hacer una pagina en 3 columnas, y poner el texto en la tercera. A la hora de imprimir aparecerá el texto arrinconado en la parte derecha. Tal como se ve en pantalla. Para modificar la composición, tendrías que modificar el html. En cambio con CSS, puedes cambiar la composición cambiando el CSS, y puedes tener un CSS especifico para imprimir.. porque quieres ocultar cosas. Y otro CSS para handeld.. con un tamaño de pantalla reducido. Yo uso mucho las tablas. Pero si pudiera haría lo mas importante siempre con CSS. Lo malo es que las tablas no hay que pensar, y cuando todo es para ayer, no tienes tiempo para pensar como hacerlo en CSS. Sin embargo quien tenga mucha experiencia en CSS lo hará sin pensar en CSS (quizás), y entonces hará un diseño mas flexible que el mio, y en menos tiempo :I Supongo que este es un tema recurrente en la lista. Yo como recientemente me he integrado aun no lo habia leido. Quizas no lo vuelva a comentar mas porque seguro que la gente esta cansada del tema :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 ___ 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] Centrar varias imagenes en linea en un div
Pues no creo que los usuarios que utilicen lectores de pantalla opinen lo mismo. Que te esté todo el rato leyendo "tabla con 3 filas y dos columnas... columna 1... fila 1" pues debe ser tan divertido que seguro que cierra tu página en menos de 20 segundos. Si el W3C recomienda no usa tablas será por algo. Si quieres centrar algo usa CSS. ¿Acaso no es mejor eso que al usuario le lea "tabla con 1 fila y 1 columna. Fila 1 columna 1. Texto"?. Ponte en su lugar. Una cosa es que gramaticalmente el código HTML valide y otra es que sea recomendable o accesible lo que estás haciendo. El W3C te dice NO a las tablas para maquetar porque son un problema en cuanto a accesibilidad, no porque gramaticalmente esté mal. De hecho puedes anidar 900 tablas que te validará bien, pero imagina lo que puede leer un lector de pantalla. Para tabular las cosas se hace en CSS, que tenemos varias formas, desde dar márgenes o paddings, text-indent, etc... Saludos amigos. El día 23/02/07, LISTAS <[EMAIL PROTECTED]> escribió: > > Uno de los grandes problemas de los cultores del CSS es creer que el uso > de > las tablas es pecaminoso y pernicioso. ¡De ninguna manera! El uso de las > tablas no está recomendado por el W3C respecto al maquetado (maquetado = > maquetación, diseño o diagramación) de una página. Y a menos que alguno de > ustedes me demuestre lo contrario, el W3C no nos dice cómo resolver > información tabular de otro modo que no sea con tablas. En síntesis: las > tablas, son absolutamente lícitas. > > Otra cosa sería si existiese, por ejemplo, algo como esto: > > > Fila uno > Fila dos > Fila tres > Fila cuatro > Fila cinco > > > En donde DIVTAB nos diría en cuántos tabulados van los datos; TYPETAB la > alineación de los tabulados; ORDENTAB qué posición ocuparía cada tabulado > y > WIDTH el ya conocido ancho de la tabla. > > Pero eso, a nadie se le ocurrió hasta el momento. > > Ergo, centrar un objeto mediante una tabla es absolutamente lícito. ¿O > acaso > no valida? > > Almirante von Web/. > -- > "Educando al asno, por no apalearlo." > (c)2007 ;-) > > - Original Message ----- > From: "kemie guaida" <[EMAIL PROTECTED]> > To: "Ovillo, la lista de CSS en castellano" > Sent: Friday, February 23, 2007 7:23 AM > Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div > > > para centrarlas horizontalmente, basta con darle a #portada un > text-align:center. para centrarlas verticalmente, si te refieres con > respecto al contenedor padre, puedes intentar alo asi: > > http://www.jakpsatweb.cz/css/priklady/vertical-align-final-solution-en.html > > si te refieres a alinearlas una respecto a la otra, prueba la propiedad > vertical-align. > > saludos! > > kemie > > oswaldo domingo wrote: > > Hola lista > > Estoy intentando centrar varias imágenes dentro de un DIV para que > queden > > centradas dentro del div horizontal y verticalmente y no se como > hacerlo. > > > > > > > > > > > > > > > > > > > > > > He intentado lo típico > > display: inline; > > margin: auto; > > > > pero las imágenes siguen estando a la izquierda de la pantalla. > > A ver si alguien me da una idea. > > 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 > > > > > ___ > 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] Centrar varias imagenes en linea en un div
On 2/23/07, LISTAS <[EMAIL PROTECTED]> wrote: > Uno de los grandes problemas de los cultores del CSS es creer que el uso de > las tablas es pecaminoso y pernicioso. ¡De ninguna manera! La verdad es que son muy útiles. Pero si haces la composición en 3 columnas con una tabla. No la haces con CSS. Así, por ejemplo, puedes hacer una pagina en 3 columnas, y poner el texto en la tercera. A la hora de imprimir aparecerá el texto arrinconado en la parte derecha. Tal como se ve en pantalla. Para modificar la composición, tendrías que modificar el html. En cambio con CSS, puedes cambiar la composición cambiando el CSS, y puedes tener un CSS especifico para imprimir.. porque quieres ocultar cosas. Y otro CSS para handeld.. con un tamaño de pantalla reducido. Yo uso mucho las tablas. Pero si pudiera haría lo mas importante siempre con CSS. Lo malo es que las tablas no hay que pensar, y cuando todo es para ayer, no tienes tiempo para pensar como hacerlo en CSS. Sin embargo quien tenga mucha experiencia en CSS lo hará sin pensar en CSS (quizás), y entonces hará un diseño mas flexible que el mio, y en menos tiempo :I Supongo que este es un tema recurrente en la lista. Yo como recientemente me he integrado aun no lo habia leido. Quizas no lo vuelva a comentar mas porque seguro que la gente esta cansada del tema :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] Centrar varias imagenes en linea en un div
Uno de los grandes problemas de los cultores del CSS es creer que el uso de las tablas es pecaminoso y pernicioso. ¡De ninguna manera! El uso de las tablas no está recomendado por el W3C respecto al maquetado (maquetado = maquetación, diseño o diagramación) de una página. Y a menos que alguno de ustedes me demuestre lo contrario, el W3C no nos dice cómo resolver información tabular de otro modo que no sea con tablas. En síntesis: las tablas, son absolutamente lícitas. Otra cosa sería si existiese, por ejemplo, algo como esto: Fila uno Fila dos Fila tres Fila cuatro Fila cinco En donde DIVTAB nos diría en cuántos tabulados van los datos; TYPETAB la alineación de los tabulados; ORDENTAB qué posición ocuparía cada tabulado y WIDTH el ya conocido ancho de la tabla. Pero eso, a nadie se le ocurrió hasta el momento. Ergo, centrar un objeto mediante una tabla es absolutamente lícito. ¿O acaso no valida? Almirante von Web/. -- "Educando al asno, por no apalearlo." ©2007 ;-) - Original Message - From: "kemie guaida" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, February 23, 2007 7:23 AM Subject: Re: [Ovillo] Centrar varias imagenes en linea en un div para centrarlas horizontalmente, basta con darle a #portada un text-align:center. para centrarlas verticalmente, si te refieres con respecto al contenedor padre, puedes intentar alo asi: http://www.jakpsatweb.cz/css/priklady/vertical-align-final-solution-en.html si te refieres a alinearlas una respecto a la otra, prueba la propiedad vertical-align. saludos! kemie oswaldo domingo wrote: > Hola lista > Estoy intentando centrar varias imágenes dentro de un DIV para que queden > centradas dentro del div horizontal y verticalmente y no se como hacerlo. > > > > > > > > > > > He intentado lo típico > display: inline; > margin: auto; > > pero las imágenes siguen estando a la izquierda de la pantalla. > A ver si alguien me da una idea. > 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 > > ___ 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] Centrar varias imagenes en linea en un div
para centrarlas horizontalmente, basta con darle a #portada un text-align:center. para centrarlas verticalmente, si te refieres con respecto al contenedor padre, puedes intentar alo asi: http://www.jakpsatweb.cz/css/priklady/vertical-align-final-solution-en.html si te refieres a alinearlas una respecto a la otra, prueba la propiedad vertical-align. saludos! kemie oswaldo domingo wrote: > Hola lista > Estoy intentando centrar varias imágenes dentro de un DIV para que queden > centradas dentro del div horizontal y verticalmente y no se como hacerlo. > > > > > > > > > > > He intentado lo típico > display: inline; > margin: auto; > > pero las imágenes siguen estando a la izquierda de la pantalla. > A ver si alguien me da una idea. > 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 > > ___ 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] Centrar varias imagenes en linea en un div
Prueba con lo siguiente, lo más fácil que se me ocurre sin usar CSS: El día 22/02/07, oswaldo domingo <[EMAIL PROTECTED]> escribió: > > Hola lista > Estoy intentando centrar varias imágenes dentro de un DIV para que queden > centradas dentro del div horizontal y verticalmente y no se como hacerlo. > > > > > > > > > > > He intentado lo típico > display: inline; > margin: auto; > > pero las imágenes siguen estando a la izquierda de la pantalla. > A ver si alguien me da una idea. > 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 > ___ 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
