, 2011 2:19:05 PM
Subject: [Ovillo] Centrar horizontal y verticalmente una imagen dentro de un div
Buenas tardes,
acudo hoy a vosotros con un problema que apriori puede parecer trivial
pero os aseguro que no lo es. Tengo un div, del que conozco las
dimensiones y dentro debo pintar una imagen
Vázquez Hernando mvazq...@ceca.es
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thu, March 24, 2011 2:19:05 PM
Subject: [Ovillo] Centrar horizontal y verticalmente una imagen dentro de
un div
Buenas tardes,
acudo hoy a vosotros con un problema que apriori puede parecer
funciona sobre todos los navegadores.
From: Montserrat Vázquez Hernando mvazq...@ceca.es
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thu, March 24, 2011 2:19:05 PM
Subject: [Ovillo] Centrar horizontal y verticalmente una
En principio para conseguir que todas las imagenes tuvieran el mismo width,
se podria hacer con css.Ya que el navegador redimensiona ancho y alto
atraves de una sola medida.
div class=imagen
img src=img/1img_viajes.gif alt=x /
/div
.imagen{width:120px;}
.imagen img{width:100px;}
Buenas tardes,
acudo hoy a vosotros con un problema que apriori puede parecer trivial
pero os aseguro que no lo es. Tengo un div, del que conozco las
dimensiones y dentro debo pintar una imagen, centrada horizontal y
verticalmente, sin saber el tamaño que puede tener, por lo que no puedo
¿Te valdría ponerla como imagen de fondo centrada y sin repetir?
http://www.treeweb.es/TreeWeb/Articulos/HTML-y-CSS/Centrar-imagen-de-fondo-en-una-pagina
Si no también puedes probar algo de esto:
http://www.treeweb.es/TreeWeb/Articulos/HTML-y-CSS/Centrar-un-div-en-una-pagina
El 24 de marzo
Buenas tardes Gerardo,
me temo que no es el mismo caso.
El primero que propones no es posible, puesto que la imagen (o imágenes
pues este div se repite n veces en la página, una por cada oferta que
presento) no puede ir de background; y en cuanto a la segunda, el
dichoso div que contiene la
table-cell se comporta como una celda de una tabla,
y ahi esta justamente el error, no es la imagen la que debe llevar las
propiedades que le estas dando,
seria algo como:
#ofertas div.imagen div {
display: table-cell;
vertical-align: middle;
position: relative;
}
div class=imagen
Efectivamente tenías razón, este código es más correcto, aún así me temo
que no funciona ... Gracias!
Montserrat Vázquez Hernando
Business Intelligence y Servicios Interactivos
Confederación Española de Cajas de Ahorros (CECA)
915965078
mvazq...@ceca.es
El 24/03/2011 14:37, Diego Burich
Así funciona:
http://www.treeweb.es/ShareCode/4f5b30d0ccebc21a3741ed38f2ef305a
Lo que pasa es que si usas algún cms tendrás que cambiar la vista para
añadir el style del bloque imagen.
El 24 de marzo de 2011 14:48, Montserrat Vázquez Hernando
mvazq...@ceca.esescribió:
Efectivamente tenías
Centrandome en lo concerniente a la imagen mira esto, puedes probarlo con
diferentes dimensiones de la imagen. La parte del texto ya es otra cosa,
igual convendría meterlo en otro DIV para poder formatearlomejor.
Mira a ver: http://www.treeweb.es/ShareCode/47bd11e105526d581f1b5da0d9a76fa8
Espero
Está perfecto
El 24 de marzo de 2011 15:56, jaume op jaum...@gmail.com escribió:
Centrandome en lo concerniente a la imagen mira esto, puedes probarlo con
diferentes dimensiones de la imagen. La parte del texto ya es otra cosa,
igual convendría meterlo en otro DIV para poder formatearlomejor.
12 matches
Mail list logo
