Pequeño "descuadre" cuando uso el tag <a>

[granma]

Hola a todos,

Tengo el siguiente problema: Tengo una cabecera de mi web en la que tengo imágenes que enlazan con las distintas páginas de mi sitio. El problema es que tengo las imágenes totalmente ajustadas a una tabla, para guardar un formato visualmente, pero cuando le pongo los enlaces, hacen que las imágenes me "suban" un poco, por lo que hay una mínima separación entre la imagen y el final de la tabla, pero se nota mucho porque son colores muy diferentes.

Mi código es algo así:

<table border="0" cellspacing="0" cellpadding="0" valign="bottom">
<tr>
<td>
<a href="javascript:nuevo();" style="text-decoration:none;border: 0px; ">
<img src='im1.gif' border="0">
</a>
</td>
<td>
<a href="javascript:viejo();" style="text-decoration:none;border: 0px; ">
<img src='im2.gif' border="0">
</a>
</td>
</tr>
</table>

Si quito el enlace y dejo sólo las imágenes me sale perfectamente, pero al ponerle los enlaces hacen que mi imágenes tengan una pequeña separación dentro de la celta.

Espero haberme explicado... Gracias y un saludo.

[hades87]

puedes ponerles un margin:0, para evitar esa separación o hacer bien las cosas y diseñar con HTML y CSS.

[granma]

Hola y gracias por responder.

Programo con HTML y CSS, pero en este caso concretamente me interesa que no haya separación, no en los demás, así que pongo el estilo directamente.

He probado a ponerle margin:0 en el estilo del tag <a>, pero no obtengo ninguna diferencia.

¿Alguna otra idea? Gracias.

[hades87]

Y si pruebas a ponérselo a la tabla. Con lo que decía de html y css es a NO USAR TABLAS para maqueatar una web y usar divs.

[granma]

Ah vale, tengo que usar tablas forzosamente, así que no tengo muchas opciones.

He probado a ponérselo a la tabla también y nada, no cambia absolutamente nada.

Gracias por responder tan pronto.

[kseso?]

Sin código css es aventurar, pero quizás un "line-height" o ""vertical-align"
Porque supongo que tienes algún tipo de "reset" en tu css (* {margin:0, padding:0; position: relative;"} y utilizas un DOCTYPE válido.

[granma]

Pues sí, he probado con line-height:0 (en el tag <a>) y ya sí me lo alinea como yo quiero.

Gracias por vuestra ayuda.