Centrar img ...

Bueno resulta que tengo una duda al centrar una img... eh mirado por ahi codigos, pero no econtre la solucion, tengo lo siguiente ..

<table width="800px" border="0">
<tr>
<td><a href="xxx.jpg"><img src="xxx(thumb).jpg" width="100%"/></a></td>
<td><a href="xxx.jpg"><img src="xxx(thumb.jpg" width="100%"/></a></td>
<td><a href="xxx.jpg"><img src="xxx(thumb.jpg" width="100%"/></a></td>
</tr>

El tema es el siguiente. cuando cargo la pagina se cargan los "thumbs" (hice thumbs porque son imagenes de 2 mb c/u) y le hago clic a uno de esos thumbs la imagen se agranda, el tema es que la imagen grande (la original) aparece toda a la izquierda y arriba. Queria saber si hay alguna forma de que aparesca centrada y que de fondo tenga otra imagen. gracias!

asi como lo haces no
tendrias en todo caso que volver a meter la imagen en un html (la de 2MB) y ahi centrarla

Tienes la opción de usar los atributos align y valign en las celdas con las imágenes, para centrar su contenido.

Código :

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

Es lo más simple, aunque lo mejor sería utilizar CSS para eso. Si no me equivoco, imagino que esto alcanzaría:

Código :

<!-- TU HTML -->
<td class="centrado">*imagen*</td>
-------------------------------------------------
/* TU CSS /*
.centrado { text-align: center; }

Si no, pues no sé.

Y lo que más te recomiendo es que achiques las imágenes utilizando Photoshop y las guardes con calidad media, porque 2mb de peso es una locura