Tamaño de imagenes

[Fumut]

Buenas, estoy haciendo una web en la cual tengo una pagina de noticias. Cada noticia tiene titulo, texto y foto.
El problema que tengo es que las fotos no son todas del mismo formato, no puedo poner en css el width y el height de las fotos porque algunos saldrian desproporcionados. De alguna manera quiero que salga con las proporciones pero con una altura y anchura maxima para que no salga del div de la noticia.

Si no se entiende algo preguntar.

[Impostor]

max-height y max-width

Saludos¡¡

[Fumut]

Gracias impostor.

El div si que me hace del tamaño maximo que le he puesto, pero la foto que esta dentro del div no. La foto sigue con el tamaño que tenia, se sale del div.

Que puedo hacer para que ese maximo tambien sea para el tamaño de la foto?

[Impostor]

Prueba con overflow: hidden; que hace que el navegador oculte todos los contenidos que se salen de la caja del elemento.

Saludos¡¡

[Fumut]

He probado pero asi no me aparece la foto entera. La mitad la oculta y a mi me interas que salga la foto entera. No se si en estos casos la gente suele meter las fotos con una medida exacta o como lo hace.

[Impostor]

Supongo que estarás poniendo las imágenes con <img src="...."/>, prueba aplicando las medidas y estilos en la propia etiqueta

<img class="imagen" src="...."/>

y aplicarle los estilos.

.imagen {.................}

No se me ocurre otra cosa aparte de redimensionar las imágenes con un editor fotográfico.

Saludos¡¡

[Fumut]

Lo estoy haciendo asi:

<div id="albistea_foto">
<img src="albiste/'.$row[argazkia].'" />
</div>

#albistea_foto {
float: right;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
max-height: 160px;
max-width: 160px;
overflow: hidden;
}

[Fumut]

Iniciado por Impostor

Supongo que estarás poniendo las imágenes con <img src="...."/>, prueba aplicando las medidas y estilos en la propia etiqueta

<img class="imagen" src="...."/>

y aplicarle los estilos.

.imagen {.................}

No se me ocurre otra cosa aparte de redimensionar las imágenes con un editor fotográfico.

Saludos¡¡

No entiendo lo que me dices. Dices de ponerlo en la misma pagina con <img class="">? pero esto ne es lo mismo que lo que he hecho yo?

[Impostor]

No, tu creas un div y en el le das estilos, yo te digo que crees una clase y se la apliques al img, tal y como te puse en el ejemplo.

Saludos¡¡

[Fumut]

Esta vez si. Muchas gracias impostor. No se como agradecertelo.

Saludos!!!