Muy fácil: si tanto a las verticales como a las apaisadas les vas a dar un tamaño fijo, crea un segundo gráfico de cubierta vertical, y al div le das una clase según sea el tipo de foto: <div class="fotoA"> ó <div class="fotoV">.
Me explico: haciéndo ese segundo gráfico, separas el div que lo contiene con dos clases diferentes:
.fotoA { margin: 10px;
float: left;
position: relative;
width: 100px;
height: 85px;
overflow: hidden;
}
.fotoV { margin: 10px;
float: left;
position: relative;
width: 85px;
height: 100px;
overflow: hidden;
}
span { display: block;
position: absolute;
top: 0px;
left: 0px;
background-repeat: no-repeat;
}
.fotoA span {background-image: url(redondas.gif);
width: 100px;
height: 85px;
}
.fotoV span {background-image: url(redondas_vertical.gif);
width: 85px;
height: 100px;
}
Y luego ya, si la foto es vertical el div lleva una clase y si es apaisada la otra:
<div class="fotoA"><img src="1.jpg" /><span></span></div>
<div class="fotoV"><img src="2.jpg" /><span></span></div>
Tan simple como es. Sólo debes hacer el gráfico de cubierta de las fotos verticales.
http://www.menoslobos.com/mikel/foro...ondeadas2.html
Mikel.