[Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema reynie...@gmail.com
Hola listeros:
Estoy realizando un diseño con 960.gs y todo perfecto pero me he encontrado
con un pequeño problema que no logro resolver. Tengo un DIV contenedor con
una imagen dentro (ver codigo debajo) y necesito que esa imagen quede
centrada siempre tanto vertical como horizontalmente para asi poder tener un
diseño fluido/elastico de forma tal que cuando la resolucion de los
monitores sea menor entonces todo quede de la misma forma ;). Este es el
HTML asociado:

div class=grid_2 alpha
img src=view/image/login.png alt=?php echo $text_login; ?
title=?php echo $text_login; ? class=image /
/div

He intentado con este codigo CSS: *
.image{position:relative;top:50%;left:50%;}* y se centra bien pero solo en
altas resoluciones como la mia que es 1900x1080 pero si uso WebDeveloper
(extension de FF) y redimensiono a 800x600 paff todo se echa a perder.
Alguna ayuda?

Saludos
Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.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] Centrar imagen horizontal y vertical

2011-05-25 Por tema reynie...@gmail.com
El problema, creo es que la imagen no se mueve de lugar. La imagen tiene un
tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda reducir.
Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera imagen
es en una resolucion de 800x600 obvio y la segunda en 1920x1080.

PD: Sabe alguien como configurar Gmail (via web) para que me ponga las
respuestas debajo de las que ustedes me dan a mi?

Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com



2011/5/25 Martín Szyszlican marti...@gmail.com

 ¿Qué es lo que ocurre cuando achicás la ventana?

 Si el problema es que la imágen excede al div, este debe llevar un
 overflow:
 hidden para evitarlo, de forma que sólo se mostraría la parte central de la
 imágen. Otra posibilidad sería que el tamaño mismo de la imágen sea
 porcentual, para lo cuál convendría tener una imágen bastante grande, de
 esta forma el navegador reduciría el tamaño de la imágen al del div. Habría
 que tener en cuenta que algunos navegadores viejos rompen un poco las
 imágenes al cambiarles el tamaño.

 ¿Era ese el problema? ¿Podés mostrar un ejemplo?

 Martín.

 El 25 de mayo de 2011 15:13, reynie...@gmail.com reynie...@gmail.com
 escribió:

  Hola listeros:
  Estoy realizando un diseño con 960.gs y todo perfecto pero me he
  encontrado
  con un pequeño problema que no logro resolver. Tengo un DIV contenedor
 con
  una imagen dentro (ver codigo debajo) y necesito que esa imagen quede
  centrada siempre tanto vertical como horizontalmente para asi poder tener
  un
  diseño fluido/elastico de forma tal que cuando la resolucion de los
  monitores sea menor entonces todo quede de la misma forma ;). Este es el
  HTML asociado:
 
  div class=grid_2 alpha
 img src=view/image/login.png alt=?php echo $text_login; ?
  title=?php echo $text_login; ? class=image /
  /div
 
  He intentado con este codigo CSS: *
  .image{position:relative;top:50%;left:50%;}* y se centra bien pero solo
 en
  altas resoluciones como la mia que es 1900x1080 pero si uso WebDeveloper
  (extension de FF) y redimensiono a 800x600 paff todo se echa a perder.
  Alguna ayuda?
 
  Saludos
  Ing. Reynier Pérez Mira
  Cel: +58 416.921.7406 / 416.012.1226
  Twitter: twitter.com/reypm
  Correo: reynie...@gmail.com / reynie...@hotmail.com /
 reynie...@yahoo.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] Centrar imagen horizontal y vertical

2011-05-25 Por tema Martín Szyszlican
El primer div, div class=grid_2 alpha debería tener overflow: hidden

Lo tiene?

El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.comescribió:

 Justo eso es lo que tengo :)

 div class=grid_2 alpha
 img class=image title=Please enter your login details. alt=Please
 enter your login details. src=view/image/login.png
 /div
 div class=grid_2 omega
Username:br
input type=text style=margin-top: 4px; value=
 name=username
br
Password:br
 input type=password style=margin-top: 4px; value=
 name=password
 /div

 Ing. Reynier Pérez Mira
 Cel: +58 416.921.7406 / 416.012.1226
 Twitter: twitter.com/reypm
 Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com



 2011/5/25 Martín Szyszlican marti...@gmail.com

  ¿Por qué permitís que la imágen se vaya encima del formulario?
  Podés hacer dos DIVs, uno para la imágen y otro  para el formulario,
 ambos
  con 50% de ancho (por ejemplo), entonces la imágen que está adentro de
 uno
  de los divs nunca podrá pasarse al otro lado por el overflow:hidden
 
  Se entiende?
 
  Martín.
 
  El 25 de mayo de 2011 15:24, reynie...@gmail.com reynie...@gmail.com
  escribió:
 
   El problema, creo es que la imagen no se mueve de lugar. La imagen
 tiene
  un
   tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda
   reducir.
   Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera
  imagen
   es en una resolucion de 800x600 obvio y la segunda en 1920x1080.
  
   PD: Sabe alguien como configurar Gmail (via web) para que me ponga las
   respuestas debajo de las que ustedes me dan a mi?
  
   Ing. Reynier Pérez Mira
   Cel: +58 416.921.7406 / 416.012.1226
   Twitter: twitter.com/reypm
   Correo: reynie...@gmail.com / reynie...@hotmail.com /
  reynie...@yahoo.com
  
  
  
   2011/5/25 Martín Szyszlican marti...@gmail.com
  
¿Qué es lo que ocurre cuando achicás la ventana?
   
Si el problema es que la imágen excede al div, este debe llevar un
overflow:
hidden para evitarlo, de forma que sólo se mostraría la parte central
  de
   la
imágen. Otra posibilidad sería que el tamaño mismo de la imágen sea
porcentual, para lo cuál convendría tener una imágen bastante grande,
  de
esta forma el navegador reduciría el tamaño de la imágen al del div.
   Habría
que tener en cuenta que algunos navegadores viejos rompen un poco las
imágenes al cambiarles el tamaño.
   
¿Era ese el problema? ¿Podés mostrar un ejemplo?
   
Martín.
   
El 25 de mayo de 2011 15:13, reynie...@gmail.com 
 reynie...@gmail.com
escribió:
   
 Hola listeros:
 Estoy realizando un diseño con 960.gs y todo perfecto pero me he
 encontrado
 con un pequeño problema que no logro resolver. Tengo un DIV
  contenedor
con
 una imagen dentro (ver codigo debajo) y necesito que esa imagen
 quede
 centrada siempre tanto vertical como horizontalmente para asi poder
   tener
 un
 diseño fluido/elastico de forma tal que cuando la resolucion de los
 monitores sea menor entonces todo quede de la misma forma ;). Este
 es
   el
 HTML asociado:

 div class=grid_2 alpha
img src=view/image/login.png alt=?php echo $text_login;
  ?
 title=?php echo $text_login; ? class=image /
 /div

 He intentado con este codigo CSS: *
 .image{position:relative;top:50%;left:50%;}* y se centra bien pero
  solo
en
 altas resoluciones como la mia que es 1900x1080 pero si uso
   WebDeveloper
 (extension de FF) y redimensiono a 800x600 paff todo se echa a
  perder.
 Alguna ayuda?

 Saludos
 Ing. Reynier Pérez Mira
 Cel: +58 416.921.7406 / 416.012.1226
 Twitter: twitter.com/reypm
 Correo: reynie...@gmail.com / reynie...@hotmail.com /
reynie...@yahoo.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] Centrar imagen horizontal y vertical

2011-05-25 Por tema Plácido Luna
La imagen sin medidas?

*Plácido Luna*
http://www.octubre.com.uy
(+598) 99 942723



2011/5/25 Martín Szyszlican marti...@gmail.com

 El primer div, div class=grid_2 alpha debería tener overflow: hidden

 Lo tiene?

 El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.com
 escribió:

  Justo eso es lo que tengo :)
 
  div class=grid_2 alpha
  img class=image title=Please enter your login details.
 alt=Please
  enter your login details. src=view/image/login.png
  /div
  div class=grid_2 omega
 Username:br
 input type=text style=margin-top: 4px; value=
  name=username
 br
 Password:br
  input type=password style=margin-top: 4px; value=
  name=password
  /div
 
  Ing. Reynier Pérez Mira
  Cel: +58 416.921.7406 / 416.012.1226
  Twitter: twitter.com/reypm
  Correo: reynie...@gmail.com / reynie...@hotmail.com /
 reynie...@yahoo.com
 
 
 
  2011/5/25 Martín Szyszlican marti...@gmail.com
 
   ¿Por qué permitís que la imágen se vaya encima del formulario?
   Podés hacer dos DIVs, uno para la imágen y otro  para el formulario,
  ambos
   con 50% de ancho (por ejemplo), entonces la imágen que está adentro de
  uno
   de los divs nunca podrá pasarse al otro lado por el overflow:hidden
  
   Se entiende?
  
   Martín.
  
   El 25 de mayo de 2011 15:24, reynie...@gmail.com reynie...@gmail.com
   escribió:
  
El problema, creo es que la imagen no se mueve de lugar. La imagen
  tiene
   un
tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda
reducir.
Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera
   imagen
es en una resolucion de 800x600 obvio y la segunda en 1920x1080.
   
PD: Sabe alguien como configurar Gmail (via web) para que me ponga
 las
respuestas debajo de las que ustedes me dan a mi?
   
Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com /
   reynie...@yahoo.com
   
   
   
2011/5/25 Martín Szyszlican marti...@gmail.com
   
 ¿Qué es lo que ocurre cuando achicás la ventana?

 Si el problema es que la imágen excede al div, este debe llevar un
 overflow:
 hidden para evitarlo, de forma que sólo se mostraría la parte
 central
   de
la
 imágen. Otra posibilidad sería que el tamaño mismo de la imágen sea
 porcentual, para lo cuál convendría tener una imágen bastante
 grande,
   de
 esta forma el navegador reduciría el tamaño de la imágen al del
 div.
Habría
 que tener en cuenta que algunos navegadores viejos rompen un poco
 las
 imágenes al cambiarles el tamaño.

 ¿Era ese el problema? ¿Podés mostrar un ejemplo?

 Martín.

 El 25 de mayo de 2011 15:13, reynie...@gmail.com 
  reynie...@gmail.com
 escribió:

  Hola listeros:
  Estoy realizando un diseño con 960.gs y todo perfecto pero me he
  encontrado
  con un pequeño problema que no logro resolver. Tengo un DIV
   contenedor
 con
  una imagen dentro (ver codigo debajo) y necesito que esa imagen
  quede
  centrada siempre tanto vertical como horizontalmente para asi
 poder
tener
  un
  diseño fluido/elastico de forma tal que cuando la resolucion de
 los
  monitores sea menor entonces todo quede de la misma forma ;).
 Este
  es
el
  HTML asociado:
 
  div class=grid_2 alpha
 img src=view/image/login.png alt=?php echo
 $text_login;
   ?
  title=?php echo $text_login; ? class=image /
  /div
 
  He intentado con este codigo CSS: *
  .image{position:relative;top:50%;left:50%;}* y se centra bien
 pero
   solo
 en
  altas resoluciones como la mia que es 1900x1080 pero si uso
WebDeveloper
  (extension de FF) y redimensiono a 800x600 paff todo se echa a
   perder.
  Alguna ayuda?
 
  Saludos
  Ing. Reynier Pérez Mira
  Cel: +58 416.921.7406 / 416.012.1226
  Twitter: twitter.com/reypm
  Correo: reynie...@gmail.com / reynie...@hotmail.com /
 reynie...@yahoo.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:

Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema reynie...@gmail.com
@Martin: No lo tiene

@Placido: Se le debe poner medidas a las imagenes?

Saludos
Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com



2011/5/25 Plácido Luna octubre196...@gmail.com

 La imagen sin medidas?

 *Plácido Luna*
 http://www.octubre.com.uy
 (+598) 99 942723



 2011/5/25 Martín Szyszlican marti...@gmail.com

  El primer div, div class=grid_2 alpha debería tener overflow: hidden
 
  Lo tiene?
 
  El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.com
  escribió:
 
   Justo eso es lo que tengo :)
  
   div class=grid_2 alpha
   img class=image title=Please enter your login details.
  alt=Please
   enter your login details. src=view/image/login.png
   /div
   div class=grid_2 omega
  Username:br
  input type=text style=margin-top: 4px; value=
   name=username
  br
  Password:br
   input type=password style=margin-top: 4px; value=
   name=password
   /div
  
   Ing. Reynier Pérez Mira
   Cel: +58 416.921.7406 / 416.012.1226
   Twitter: twitter.com/reypm
   Correo: reynie...@gmail.com / reynie...@hotmail.com /
  reynie...@yahoo.com
  
  
  
   2011/5/25 Martín Szyszlican marti...@gmail.com
  
¿Por qué permitís que la imágen se vaya encima del formulario?
Podés hacer dos DIVs, uno para la imágen y otro  para el formulario,
   ambos
con 50% de ancho (por ejemplo), entonces la imágen que está adentro
 de
   uno
de los divs nunca podrá pasarse al otro lado por el overflow:hidden
   
Se entiende?
   
Martín.
   
El 25 de mayo de 2011 15:24, reynie...@gmail.com 
 reynie...@gmail.com
escribió:
   
 El problema, creo es que la imagen no se mueve de lugar. La imagen
   tiene
un
 tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda
 reducir.
 Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la
 primera
imagen
 es en una resolucion de 800x600 obvio y la segunda en 1920x1080.

 PD: Sabe alguien como configurar Gmail (via web) para que me ponga
  las
 respuestas debajo de las que ustedes me dan a mi?

 Ing. Reynier Pérez Mira
 Cel: +58 416.921.7406 / 416.012.1226
 Twitter: twitter.com/reypm
 Correo: reynie...@gmail.com / reynie...@hotmail.com /
reynie...@yahoo.com



 2011/5/25 Martín Szyszlican marti...@gmail.com

  ¿Qué es lo que ocurre cuando achicás la ventana?
 
  Si el problema es que la imágen excede al div, este debe llevar
 un
  overflow:
  hidden para evitarlo, de forma que sólo se mostraría la parte
  central
de
 la
  imágen. Otra posibilidad sería que el tamaño mismo de la imágen
 sea
  porcentual, para lo cuál convendría tener una imágen bastante
  grande,
de
  esta forma el navegador reduciría el tamaño de la imágen al del
  div.
 Habría
  que tener en cuenta que algunos navegadores viejos rompen un poco
  las
  imágenes al cambiarles el tamaño.
 
  ¿Era ese el problema? ¿Podés mostrar un ejemplo?
 
  Martín.
 
  El 25 de mayo de 2011 15:13, reynie...@gmail.com 
   reynie...@gmail.com
  escribió:
 
   Hola listeros:
   Estoy realizando un diseño con 960.gs y todo perfecto pero me
 he
   encontrado
   con un pequeño problema que no logro resolver. Tengo un DIV
contenedor
  con
   una imagen dentro (ver codigo debajo) y necesito que esa imagen
   quede
   centrada siempre tanto vertical como horizontalmente para asi
  poder
 tener
   un
   diseño fluido/elastico de forma tal que cuando la resolucion de
  los
   monitores sea menor entonces todo quede de la misma forma ;).
  Este
   es
 el
   HTML asociado:
  
   div class=grid_2 alpha
  img src=view/image/login.png alt=?php echo
  $text_login;
?
   title=?php echo $text_login; ? class=image /
   /div
  
   He intentado con este codigo CSS: *
   .image{position:relative;top:50%;left:50%;}* y se centra bien
  pero
solo
  en
   altas resoluciones como la mia que es 1900x1080 pero si uso
 WebDeveloper
   (extension de FF) y redimensiono a 800x600 paff todo se echa a
perder.
   Alguna ayuda?
  
   Saludos
   Ing. Reynier Pérez Mira
   Cel: +58 416.921.7406 / 416.012.1226
   Twitter: twitter.com/reypm
   Correo: reynie...@gmail.com / reynie...@hotmail.com /
  reynie...@yahoo.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 

Re: [Ovillo] Centrar imagen horizontal y vertical

2011-05-25 Por tema santosvz
Este enlace puede serte de utilidad en el renglón Creating Flexible Images:
http://www.flexiblewebbook.com/files.html


*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de reynie...@gmail.com
*Enviado el: miércoles, 25 de mayo de 2011 01:43 p.m.
*Para: Ovillo, la lista de CSS en castellano
*Asunto: [Ovillo] Centrar imagen horizontal y vertical
*
*Hola listeros:
*Estoy realizando un diseño con 960.gs y todo perfecto pero me he encontrado
*con un pequeño problema que no logro resolver. Tengo un DIV contenedor con
*una imagen dentro (ver codigo debajo) y necesito que esa imagen quede
*centrada siempre tanto vertical como horizontalmente para asi poder tener
un
*diseño fluido/elastico de forma tal que cuando la resolucion de los
*monitores sea menor entonces todo quede de la misma forma ;). Este es el
*HTML asociado:
*
*div class=grid_2 alpha
*img src=view/image/login.png alt=?php echo $text_login; ?
*title=?php echo $text_login; ? class=image /
*/div
*
*He intentado con este codigo CSS: *
*.image{position:relative;top:50%;left:50%;}* y se centra bien pero solo en
*altas resoluciones como la mia que es 1900x1080 pero si uso WebDeveloper
*(extension de FF) y redimensiono a 800x600 paff todo se echa a perder.
*Alguna ayuda?
*
*Saludos
*Ing. Reynier Pérez Mira
*Cel: +58 416.921.7406 / 416.012.1226
*Twitter: twitter.com/reypm
*Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.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] Centrar imagen horizontal y vertical

2011-05-25 Por tema Plácido Luna
Reynier, no es obligatorio, pero ayudas al renderizado de la página, acá hay
alguna información al respecto:
http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMG (The
height http://www.w3.org/TR/REC-html40/struct/objects.html#adef-height-IMGand
width 
http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMGattributes
give user agents an idea of the size of an image or object so
that they may reserve space for it and continue rendering the document while
waiting for the image data.)

Dependiendo del DTD que uses estaría faltando el cierre de la etiqueta de la
imagen:
  img class=image title=Please enter your login details. alt=Please
enter your login details. src=view/image/login.png /

Saludos!
*Plácido Luna*
http://www.octubre.com.uy
(+598) 99 942723
___
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 imagen horizontal y vertical

2011-05-25 Por tema damian fernandez
Acabo de recibir un mensaje lleno de insultos y descalificaciones de
alguien que no conozco de nada, hace dos días que me apunte por
casualidad a esta lista, pero si esto es lo que hay de interesante
aquí, sabed que acabo de borrarme ahora mismo. Todo lo que reciba de
ovillo, si recibo algo, será spam.
Que os aproveche.

El 25/05/11, Plácido Luna octubre196...@gmail.com escribió:
 Reynier, no es obligatorio, pero ayudas al renderizado de la página, acá hay
 alguna información al respecto:
 http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMG (The
 height
 http://www.w3.org/TR/REC-html40/struct/objects.html#adef-height-IMGand
 width
 http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMGattributes
 give user agents an idea of the size of an image or object so
 that they may reserve space for it and continue rendering the document while
 waiting for the image data.)

 Dependiendo del DTD que uses estaría faltando el cierre de la etiqueta de la
 imagen:
   img class=image title=Please enter your login details. alt=Please
 enter your login details. src=view/image/login.png /

 Saludos!
 *Plácido Luna*
 http://www.octubre.com.uy
 (+598) 99 942723
 ___
 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 imagen horizontal y vertical

2011-05-25 Por tema CHK Webmaster
2011/5/26 damian fernandez smrabe...@gmail.com

 Acabo de recibir un mensaje lleno de insultos y descalificaciones de
 alguien que no conozco de nada, hace dos días que me apunte por
 casualidad a esta lista, pero si esto es lo que hay de interesante
 aquí, sabed que acabo de borrarme ahora mismo. Todo lo que reciba de
 ovillo, si recibo algo, será spam.
 Que os aproveche.



Damian, ese correo lo inició una persona que fue baneada con inmediatez de
la lista.
De todas maneras tu respuesta tampoco ha ayudado demasiado. Yo llevo tiempo
en
esta lista y puedo asegurar que he aprendido mucho y me suelen resultar muy
interesantes las temáticas tratadas.

Sobre el tema de este hilo (centrar la imagen), el truco que yo he usado
para centrarla
horizontalmente era usar un div extra que haga de contenedor de la imagen
y aplicarle
a ese div un {margin:0 auto}.

Otra opción, creo recordar, que sería usar un text-align:center, pero creo
que eso no
acabó de funcionarme.[1] (aquí explica otro método)

Para centrarla verticalmente hay diversos sitios donde explican diferentes
métodos[2][3].

Espero que te sirva.
Un saludo,

CHK

[1] http://www.scourdesign.com/articulos/tutoriales/css/css10.php
[2]
http://diec123.blogspot.com/2009/04/centrar-verticalmente-una-imagen-en-un.html
[3] http://vagabundia.blogspot.com/2007/05/cmo-centrar-imgenes.html
___
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