/ / ¿Qué pasa con mi mesa? - html

¿Qué pasa con mi mesa? - html

Aquí está el código para la tabla:

<table align="center" width="303" height="740" border="1" cellpadding="10">
<tr>
<th width="130" height="41" scope="col">URL1 - Normal</th>
<th width="121" scope="col">URL2  - Hover</th>
</tr>
<tr>
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green-h.png" alt=""/></td>
</tr>
<tr>
<td height="124"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue-h.png" alt=""/></td>
</tr>
<tr>
<td height="147"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey-h.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey.png" alt=""/></td>
</tr>
<tr>
<td height="137"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black-h.png" alt=""/></td>
</tr>
</table>

Cuando inserto la tabla, deja un espacio entre la mesa y el texto. Si elimino la mesa, todo está bien. ¿Qué está mal aquí?

Respuestas

5 para la respuesta № 1

Blogspot inserta saltos de línea para usted... y empujan la mesa hacia abajo. (Todavía no he encontrado una solución).

Si ve la fuente, puede verlos:

<table align="center" width="303" height="740" border="1" cellpadding="10"><br />
<tr><br />
<th width="130" height="41" scope="col">URL1 - Normal</th><br />
<th width="121" scope="col">URL2  - Hover</th><br />
</tr><br />
<tr><br />
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td><br />
...

Porque el BRs son inválidos cuando están directamente dentro de TABLE, TR, o después de TH o TD, el navegador empuja esos elementos fuera y encima de la tabla cuando renderiza el DOM.


1 para la respuesta № 2

Si echas un vistazo al origen de la página, notarás una TONELADA de <br/> etiquetas intercaladas con su tabla (pero no contenidas en elementos de celda). Se representan encima de la mesa.

Parece que tu HTML está siendo analizado por algo, y tus saltos de línea están siendo reemplazados por etiquetas BR.

Solución rápida: elimine todos los saltos de línea y solo tenga el código de la tabla en una línea :)


1 para la respuesta № 3

No tiene nada que ver con la mesa. Es el hecho de que hay 31 <br> (salto de línea) etiquetas antes de la tabla (que son las que están creando la gran brecha.

Parece que BlogSpot (o cualquier servicio de blog que esté usando) está agregando más <br> etiquetas basadas en cómo está formateando el resto deTu contenido. Edite el origen de la página si es posible y elimínelos manualmente ... de lo contrario, se convierte en un problema de soporte con cualquier plataforma de blog en la que esté.


0 para la respuesta № 4

Esto no tiene nada que ver con nada en tu table margen. Ver el código fuente HTML de esa página muestra aproximadamente 30 <br> etiquetas delante de la mesa. Ellos son obviamente responsables del espacio extra.

Por qué tienes 30 <br> las etiquetas al insertar una tabla deben tener algo que ver con la forma blogspot.com está formateando su contenido. Su mejor opción es intentar editar el HTML a mano para eliminar el <br> etiquetas. Si no puedes hacer eso, o si <br> las etiquetas no aparecen cuando se edita el HTML, es una pregunta para el servicio al cliente en Blogspot.