Redimensionar imagenes en una capa determinada

[ratcarlos]

tengo una pagina con dos capas Principal y Derecha.

quiero que las imagenes de Derecha se vean tal cual son, y que las imagenes de Principal se redimensionen a 300px alto por 300px ancho.


He probado a poner esto:

<div id="principal" style="position:absolute; width:85%; height:100%; z-index:0; left: 0%; top: 0%; visibility: visible; overflow: auto; background-image: url(fondo.jpg); border: 1px none #000000; img {max-width: 300px; max-height: 300px;}">


pero no funciona, las imagenes se siguen viendo grandes.


Como lo tengo que hacer???

[Chriss]

Lo de redimensionar no lo entiendo muy bien, pero creo que eso solo se puede hacer con código JavaScript.

Yo te aconsejo que modifiques el tamaño de la imágen con photoshop o alguno similar.

[ratcarlos]

lo que quiero es que la imagen no me descuadre la capa.

si uso la propiedad max-width y tal en la hoja base o en el css me la acepta y lo hace bien, pero si la pongo en la capa no funciona.

Que puedo hacer???

[Chriss]

y no puedes tenerlo en en css?

[ratcarlos]

no, porque en el css lo he probado y entonces reduce todas las imagenes de las dos capas.

otra forma seria hacerlo desde el css como tu dices y decirle a una capa que ignorase esa orden, eso se puede hacer???


madre mia no pensaba que seria tan complicado...

[ratcarlos]

vale, ya lo he conseguido.

ahora una ultima pregunta, hay alguna forma para que me disminuya las imagenes pero guardando las proporciones???