fondo expandido en div

Most · #1 (**permalink**) 04/07/2010, 18:06

Hola, estoy intentando hacer, para expandor 1 imagen que es mas grande que el div, ponerlo en el div expandida, osea justa, que no sobresalga imagen por fuera, por que no se veria...

aqui esta lo que me pasa(es la caratula de la pelicula señor y señora smith): http://todoenlaces.org/pelicula.php

como podeis ver no se muestra completa, si no que sobresale...

como puedo hacer para que la imagen se ajuste?....

alexk · #2 (**permalink**) 05/07/2010, 08:26

ah?.....

no te entiendo...
se ajuste una imagen mas grande que un div expandido, que esta justo pero que no sobresalga de su expancion del ajuste, o por fuera de la imagen?...
Wow... jajaja.....

PD: explicate un poquito mejor aver que se puede hacer almenos yo no entiendo nada

Most · #3 (**permalink**) 05/07/2010, 10:32

xD, mira, digamos que el div es de 50x50 y la imagen es de 75x80 bien, pues la imagen se tendria que poner en 50x50 para ajustarsee al div, pero no lo hace, se queda en 75x88 y no se ve completa.

jomaruro · #4 (**permalink**) 05/07/2010, 15:45

Hola:

Para redimensionar una imagen deberás hacerlo mediante un programa de diseño gráfico tipo photoshop, con CSS no podrás modificar eso.

Saludos.

Most · #5 (**permalink**) 05/07/2010, 15:50

ok, gracias..

deirdre · #6 (**permalink**) 05/07/2010, 16:19

Hola most

Creo que esto soluciona tu problema: pruébalo buscando una imagen mayor de 50x50px y haz un copy-paste en html vacío y lo pruebas:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Imagen ajustada a su contenedor</title>
<style type="text/css">
#caja {
	width: 50px;
	height: 50px;
}
.mi_imagen {
	width: 100%;
	height: 100%;
}
</style>
</head>

<body>
<div id="caja"><img class="mi_imagen" alt="" src="imagen.jpg" /></div>
<!-- la imagen con la que he hecho esta prueba tiene de tamaño original 200x200px y en el html sale a 50x50px -->
</body>

</html>

Bye