[SOLUCIONADO] imposible quitar margen a tabla

alonsomaxx · #1 (**permalink**) 19/11/2014, 07:19

Hola amigos
tengo un problema con una tabla.
quiero poner en una tabla 4 imagenes, que en cada celda este una imagen pero no se xq que me crea un margen inferior y no soy capaz de quitarselo. ya probe con cellspacing=0, cellpading=0, border=0, padding=0, margin=0;
el tamaño de la celda es igual que el de la imagen 110x50px

alguien me puede solucionar este problema
adjunto una imagen con el error, lo que esta de color negro es el margen que no soy capaz de quitar.
puse el fondo de la pagina de color rojo para que se distinguiera bien.
http://www.mediafire.com/view/x317wq090xpbebr/4.png

Código:

<html>
	<head>
		<meta charset="UTF-8">	
		<style>		
		body{background: red;}
		td{width: 110px; height: 50px;background: black; }		
		</style>
	</head>
<body>
<div class="contenedor">
	<header>
	</header>
	<nav>
	</nav>
	<section>
	<table  cellpadding="0" cellspacing="0">
		<tr><td><img src="3.png"><td><img src="3.png">
		<tr><td><img src="3.png"><td><img src="3.png">
	</table>	
	</section>
	<footer>
	</footer>
</div>
</body>
</html>

adrirs11 · #2 (**permalink**) 19/11/2014, 10:54

No cierras ni las filas ni las columnas <tr>...<td>img</td>..</tr>

alonsomaxx · #3 (**permalink**) 19/11/2014, 11:23

Gracias por responder pero ese no es el problema.
ya lo probe

necesito otra solucion

alonsomaxx · #4 (**permalink**) 19/11/2014, 18:16

encontré yo mismo la solución. hay que meter las imágenes dentro de un div con el tamaño de la imagen. Fue la unica solucion que me funciono despues de probar de todo.
<style>
.ajuste{width:110px;height:50px;}
td{width:110px;height:50px;}
</style>

<table>
<tr><td><div class="ajuste"><img src="1.png"></div></td><tr>
<tr><td><div class="ajuste"><img src="1.png"></div></td><tr>
</table>