Foros del Web - Ver Mensaje Individual - Problema para alinear imágenes en una tabla

emprear · #7 (**permalink**) 28/07/2011, 13:30

Con respecto a la alineación, si trabajas en una tabla, con

<td align="center" valign="middle"></td>

es suficiente, no hace falta usar margin, podes manejar el espaciado con el cellpadding de la tabla.
Por lo del ancho máximo, para lograr compatibilidad con las versiones anteriores de IE, necesitas usar las llamadas expresiones/operadores Css para IE.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Max-width/height en  IE &lt; 9</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
.mw {
max-width: 100px;
max-height: 100px;
width: expression(this.width > 100 ? "100px" : true);
height: expression(this.height > 100 ? "100px" : true);
border: solid 1px #000;
}
/*]]>*/
</style>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td align="center" valign="middle">
<img src="logo_video_vd.jpg" alt="" class="mw" />
</td>
<td align="center" valign="middle">
<img src="cat-black.jpg" alt="" class="mw" />
 
</td>
<td align="center" valign="middle">
<img src="balloon_text_comic_clouds_07.png" alt="" class="mw" width="384" height="330" />
</td>
</tr>
</table>
<p>
Imágenes en tamaño real
</p>
<p>
<img src="logo_video_vd.jpg" alt="" width="180" height="70" /><br />
<img src="cat-black.jpg" alt="" width="144" height="180" /><br />
<img src="balloon_text_comic_clouds_07.png" alt="" width="384" height="330" /><br />
</p>
</body>
</html>

Demo
http://foros.emprear.com/css/imgcel/imgcel.html

Saludos