/ / Cosa c'è che non va nel mio tavolo? - html

Cosa c'è che non va nel mio tavolo? - html

Ecco il codice per la tabella:

<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>

Quando inserisco la tabella, lascia uno spazio tra il tavolo e il testo. Se rimuovo il tavolo, allora va tutto bene. Cosa sta andando storto qui?

risposte:

5 per risposta № 1

Blogspot inserisce interruzioni di riga per te... e spingono il tavolo verso il basso. (Non ho ancora trovato una soluzione.)

Se visualizzi il codice sorgente, puoi vederli:

<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 />
...

Perché il BRs non sono validi se direttamente dentro a TABLE, TRo dopo a TH o TD, il browser spinge quegli elementi fuori e sopra la tabella durante il rendering del DOM.


1 per risposta № 2

Se dai un'occhiata alla fonte della pagina, noterai un TON di <br/> tag inframmezzati con la tabella (ma non contenuti negli elementi della cella). Sono resi sopra il tavolo.

Sembra che il tuo codice HTML sia analizzato da qualcosa e che le tue interruzioni di linea vengano sostituite con tag BR.

Soluzione rapida: rimuovi tutte le interruzioni di riga e inserisci il codice tabella su un'unica riga :)


1 per risposta № 3

Non ha niente a che fare con il tavolo. È il fatto che ce ne sono 31 <br> (interruzione di riga) tag prima della tabella (che sono ciò che stanno creando l'enorme divario.

Sembra che BlogSpot (o qualsiasi servizio di blog che stai usando) aggiunga qualcosa in più <br> tag in base a come stai formattando il resto diil tuo contenuto. Modifica la sorgente della pagina, se possibile, e rimuovila manualmente ... altrimenti diventa un problema di supporto con qualsiasi piattaforma di blog che stai utilizzando.


0 per risposta № 4

Questo non ha nulla a che fare con nulla nel tuo table markup. La visualizzazione del codice sorgente HTML di quella pagina mostra circa 30 <br> tag davanti al tavolo. Sono ovviamente responsabili dello spazio extra.

Perché ne hai 30 <br> i tag quando si inserisce un tavolo devono avere qualcosa a che fare con come blogspot.com sta formattando il tuo contenuto. La soluzione migliore è provare a modificare l'HTML a mano per rimuovere il <br> tag. Se non puoi farlo, o se il <br> i tag non vengono visualizzati durante la modifica dell'HTML, è una domanda per il servizio clienti di Blogspot.