agosto 06, 2009

Redimensionar imagenes utilizando CSS

Generalmente cuando hacemos capturas de pantalla, y dichas imágenes van a ser utilizadas en algún post para reforzar, estas tienen un tamaño superior al cuerpo de las entradas. ¿ Qué hacemos para modificar el tamaño de éstas imágenes ?. La gran mayoría utilizamos etiquetas de estilo:



<img src="URL de la imagen"style=" height:xxxpx;width:xxxpx;"/>




Para simplificarnos tiempo y trabajo, sólo tenemos que colocar, el siguiente código, antes de ]]></b:skin> sin expandir artilugios, y dejamos establecido, definitivamente, el tamaño que tendrán las imágenes que coloquemos en cualquier post. Si queremos modificar el tamaño sólo tenemos que modificar las medidas pre-establecidas y...listo.


.post img {
float:center;
min-width:xxxpx;
max-height:xxxpx;
padding : 10px;
line-height : 2em;
margin: 0 auto 10px auto;
clear: both;
}


Donde está marcado en color rojo es donde van a colocar las medidas que va a llevar la imágen.


Fuente: Techi Blogger


1 comentarios:

  • 20 de abril de 2010, 2:27

    Hola amigo.. no me funciono... alguna otra manera? si me dijeras te lo agradeceria mucho! Saludos!

    delete

Publicar un comentario

Bienvenido, eres libre de expresar tus opiniones.
Para mi no existen comentarios negativos, todos
son positivos porque nos dejan una enseñanza.

Si necesitas contactar conmigo puedes hacerlo a
través de: mitesterlab@gmail.com

 

Mi laboratorio de pruebas Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger