[SOLUCIONADO] No puedo quitar espacio inferior de una tabla

matiasagustinn · #1 (**permalink**) 23/02/2015, 14:14

¡Hola a todos!

He buscado bastante antes de abrir el tema, y aunque hay miles que tengan que ver con los espacios, márgenes, bordes de las tablas, no consigo solucionar mi problema.

El código HTML es el siguiente (uso Dreamweaver, si vale aclarar)

Cita:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style type="text/css">
body {
background-color: #067293;
}
</style>
</head>

<body>

<style>
.tablem {
box-shadow:0px 1px 50px
}
</style>

<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" class="tablem">
<tbody>
<tr>
<td width="950"><img src="img/encabezado.png" width="950" height="120" alt=""/></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="5%" rowspan="3" bgcolor="#000000"> </td>
<td> </td>
<td width="5%" rowspan="3" bgcolor="#000000"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td bgcolor="#000000"> </td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</body>
</html>

Quiero quitar ese delgado espacio azul que se encuentra abajo de la imagen, arriba de los bordes negros, no sé si me explico.
¿Alguien me puede dar una mano? ¡Gracias!

necorage · #2 (**permalink**) 23/02/2015, 15:19

Buenas matiasagustinn,
yo soy nuevo por aquí, pero ya que estoy, voy a ver si puedo darte un poco de luz al tema!
No acabo de entender mucho como lo has hecho, pero no tienes una tabla, sino que tienes dos.

Te recomiendo que aunque uses Dreamweaver, te cargues las dos tablas y vuelvas a empezar, y provablemente te funcionará.

No tengo la imagen así que he cambiado la imagen por una X, y me sale en una esquina, no sé si es lo que buscas, pero no lo creo. Prueba primero quitando la tabla que sobra y nos cuentas.

Un saludo

pzin · #3 (**permalink**) 23/02/2015, 15:24

Forma primera:

Código CSS:

Ver originalimg {
  display: block;
}

Forma segunda:

Código CSS:

Ver originalimg {
  vertical-align: top;
}

matiasagustinn · #4 (**permalink**) 23/02/2015, 15:46

Cita:

Iniciado por necorage

Buenas matiasagustinn,
yo soy nuevo por aquí, pero ya que estoy, voy a ver si puedo darte un poco de luz al tema!
No acabo de entender mucho como lo has hecho, pero no tienes una tabla, sino que tienes dos.

Te recomiendo que aunque uses Dreamweaver, te cargues las dos tablas y vuelvas a empezar, y provablemente te funcionará.

No tengo la imagen así que he cambiado la imagen por una X, y me sale en una esquina, no sé si es lo que buscas, pero no lo creo. Prueba primero quitando la tabla que sobra y nos cuentas.

Un saludo

Cita:

Iniciado por pzin

Forma primera:

Código CSS:

Ver originalimg {
  display: block;
}

Forma segunda:

Código CSS:

Ver originalimg {
  vertical-align: top;
}

¡Muchísimas gracias a ambos por ayudarme! Solucionado

necorage, suelo usar una tabla dentro de otra, me facilita la organización de la estructura del sitio web

pzin, con la primer forma me bastó, excelente

necorage · #5 (**permalink**) 23/02/2015, 15:52

Buenas de nuevo matiasagustinn,

He puesto una imagen y he visto lo que querías decir ... y así mismo, la solución de pzin es la que necesitabas!

Para el tema de gestionar la estructura web ... te recomiendo que mires por el foro o manuales de CSS (diseñar con divs)

Un saludo ;)

pzin · #6 (**permalink**) 23/02/2015, 16:01

Las tablas no están hechas para estructurar el diseño. Eso es un grave error. Se usan para datos tabulados.

Si lo quieres hacer bien, y bien significa usar cada cosa para lo que es, lo que se traduce en beneficios por aquí y por allá, tendrás que usar CSS para estructurar el diseño.