Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/10/2013, 23:24
Avatar de metacortex
metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 20 años, 8 meses
Puntos: 832
Respuesta: Redimensionar varias imagenes en un div

Hola, tienes muchas etiquetas ociosas allí. Intenta así:

Código HTML:
Ver original
  1. <ul id="fila">
  2.     <li><a href="http://www.forosdelweb.com/f53/multimedia/imagenes/1.jpg" target="_blank"><img  src="http://www.forosdelweb.com/f53/multimedia/imagenes/1.jpg"></a></li>
  3.     <li><a href="http://www.forosdelweb.com/f53/multimedia/imagenes/2.jpg" target="_blank"><img src="http://www.forosdelweb.com/f53/multimedia/imagenes/2.jpg"></a></li>
  4.     <li><a href="http://www.forosdelweb.com/f53/multimedia/imagenes/3.jpg" target="_blank"><img src="http://www.forosdelweb.com/f53/multimedia/imagenes/3.jpg"></a></li>
  5.     <li><a href="http://www.forosdelweb.com/f53/multimedia/imagenes/4.jpg" target="_blank"><img src="http://www.forosdelweb.com/f53/multimedia/imagenes/4.jpg"></a></li>
  6. </ul>

La propiedad display: table-row y table-cell harán que tu lista adopte comportamiento de tabla, logrando lo que quieres:

Código CSS:
Ver original
  1. #fila {
  2. display: table-row;
  3. width: 100%;
  4. }
  5.  
  6. #fila li {
  7. display: table-cell;
  8. vertical-align: middle;
  9. text-align: center;
  10. }
No he probado el código pero debería funcionar.