Re: [Ovillo] Centrar varias imagenes en linea en un div

2007-02-28 Por tema SkuNk
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

2007-02-25 Por tema Pau Taw
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

2007-02-25 Por tema HV CG
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í

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
link rel=stylesheet type=text/css href=liststyle.css/
titlelistas para imagenes/title
/head
body
ul
li id=one
h3a href=#Primer itemimg src=web_020.jpg alt= //a/h3
pLorem ipsum dolor sit amet./p
/li
li id=two
h3a href=#Segundo itemimg src=web_021.jpg alt= //a/h3
pLorem ipsum dolor sit amet./p
li id=three
h3a href=#Tercer itemimg src=web_022.jpg alt= //a/h3
pLorem ipsum dolor sit amet./p
/ul
/body
/html


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

2007-02-25 Por tema oswaldo domingo
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

2007-02-23 Por tema SkuNk
Prueba con lo siguiente, lo más fácil que se me ocurre sin usar CSS:

div id=portada
img align=center src=web_020.JPG alt= /br/
img align=center src=web_021.JPG alt= /br/
img align=center src=web_022.JPG alt= /br/
img align=center src=web_007.JPG alt= /br/
img align=center src=web_008.JPG alt= /br/
img align=center src=web_001.JPG alt= /
/div


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.

 div id=portada
 img src=web_020.JPG alt= /
 img src=web_021.JPG alt= /
 img src=web_022.JPG alt= /
 img src=web_007.JPG alt= /
 img src=web_008.JPG alt= /
 img src=web_001.JPG alt= /
 /div

 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

2007-02-23 Por tema kemie guaida
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.

 div id=portada
 img src=web_020.JPG alt= /
 img src=web_021.JPG alt= /
 img src=web_022.JPG alt= /
 img src=web_007.JPG alt= /
 img src=web_008.JPG alt= /
 img src=web_001.JPG alt= /
 /div

 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

2007-02-23 Por tema LISTAS
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:

div tab=5 typetab=L,L,R,C,R ordentab=15,23,17,11,32 width=valor
tabFila uno/tab
tabFila dos/tab
tabFila tres/tab
tabFila cuatro/tab
tabFila cinco/tab
/div

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 ovillo@lists.ovillo.org
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.

 div id=portada
 img src=web_020.JPG alt= /
 img src=web_021.JPG alt= /
 img src=web_022.JPG alt= /
 img src=web_007.JPG alt= /
 img src=web_008.JPG alt= /
 img src=web_001.JPG alt= /
 /div

 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

2007-02-23 Por tema Tei
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

2007-02-23 Por tema Pau Taw
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:

 div tab=5 typetab=L,L,R,C,R ordentab=15,23,17,11,32 width=valor
 tabFila uno/tab
 tabFila dos/tab
 tabFila tres/tab
 tabFila cuatro/tab
 tabFila cinco/tab
 /div

 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 ovillo@lists.ovillo.org
 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.
 
  div id=portada
  img src=web_020.JPG alt= /
  img src=web_021.JPG alt= /
  img src=web_022.JPG alt= /
  img src=web_007.JPG alt= /
  img src=web_008.JPG alt= /
  img src=web_001.JPG alt= /
  /div
 
  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

2007-02-23 Por tema LISTAS
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 ovillo@lists.ovillo.org
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

2007-02-23 Por tema LISTAS
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 ovillo@lists.ovillo.org
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:

 div tab=5 typetab=L,L,R,C,R ordentab=15,23,17,11,32 width=valor
 tabFila uno/tab
 tabFila dos/tab
 tabFila tres/tab
 tabFila cuatro/tab
 tabFila cinco/tab
 /div

 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 ovillo@lists.ovillo.org
 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.
 
  div id=portada
  img src=web_020.JPG alt= /
  img src=web_021.JPG alt= /
  img src=web_022.JPG alt= /
  img src=web_007.JPG alt= /
  img src=web_008.JPG alt= /
  img src=web_001.JPG alt= /
  /div
 
  He intentado lo típico
  display: inline;
  margin: auto;
 
  pero las imágenes siguen

Re: [Ovillo] Centrar varias imagenes en linea en un div

2007-02-23 Por tema Christian Roque Geldres
¡¿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 ovillo@lists.ovillo.org
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

2007-02-23 Por tema LISTAS
¡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 B; Cuesiva I; Subrayado U; Texto Terminal TT.
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í: BEsto es negrita;
Inegrita más cursiva/I; sólo negrita/B

Con HTML 3.0 aparecieron nuevos estilos: los LOGICOS, que reemplazaron
unas etiquetas por otras:
B por STRONG; I por EM, 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' ovillo@lists.ovillo.org
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 ovillo@lists.ovillo.org
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

Re: [Ovillo] Centrar varias imagenes en linea en un div

2007-02-23 Por tema oswaldo domingo
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

2007-02-23 Por tema Tei
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 B; Cuesiva I; Subrayado U; Texto Terminal TT.
 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í: BEsto es negrita;
 Inegrita más cursiva/I; sólo negrita/B

 Con HTML 3.0 aparecieron nuevos estilos: los LOGICOS, que reemplazaron
 unas etiquetas por otras:
 B por STRONG; I por EM, 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

2007-02-23 Por tema LISTAS
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 ovillo@lists.ovillo.org
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 B; Cuesiva I; Subrayado U; Texto Terminal TT.
 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í: BEsto es negrita;
 Inegrita más cursiva/I; sólo negrita/B

 Con HTML 3.0 aparecieron nuevos estilos: los LOGICOS, que reemplazaron
 unas etiquetas por otras:
 B por STRONG; I por EM, 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