Hola!
a veces en mi blog tengo problemas con las imágenes, salen por encima del ancho máximo que tiene el contenido, ¿Alguien podría ayudarme para redimensionar las imágenes con CSS?
se que puedo ajustar en wordpress para que se redimensiones solas, pero las quiero en buena calidad para que la gente las descargue si als quiere.
Publicidad
Lo ideal sería mostrar un thumbnail y enlazar la imágen a una en tamaño original, pero lo que tu quieres sería algo así.
Tenemos un div contenedor y dentro una imagen
<div class="content"><img src="#"></div>
Se supone que el content tiene un width ya sea fijo (px) o dinámico (%)
entonces tendríamos que poner algo así.
div.content {
width: 600px;
margin: 0 auto 0 auto;
padding: 5px;
background-color: #000000;
color: #fff;
}
div.content img { max-width: 100%; }
Yo realmente te recomiendo poner el máx width al 99% o 98% para que se vea un pequeño espacio y si tal centrarlas con margin: 0 auto;