05/06/2013, 09:19
|
| | | Fecha de Ingreso: enero-2008
Mensajes: 54
Antigüedad: 16 años, 9 meses Puntos: 0 | |
Evitar que las imagenes se corten al minimizar tamaño de la ventana Hola.
He creado esto en un css:
.sombra_fotos_dinamicas {
border: 2em solid #FFFFFF;
border-collapse: collapse;
text-decoration: none;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#3 33333', Direction=135, Strength=6);
max-width: auto;
height: 525px;
}
El problema viene cuando hago más pequeña la ventana del explorador. Me corta las imágenes en lugar de ir adaptandolas a la medida de la ventana.
La imágen está ubicada dentro de una tabla:
<td align="center"><img src="<?php echo $row_Detalles_galeria['Imagen']; ?>" alt="<?php echo $row_Detalles_galeria['ALT_Imagen']; ?>" oncopy="alert('Opcion deshabilitada');return false" oncontextmenu="alert('Acción no permitida');return false" onselectstart="return false" ondragstart="return false" class="sombra_fotos_dinamicas" /></td>
¿Dónde tendría que especificar que se ajuste auto?.
Gracias. |