TABELLA: una TD autogeneratosi...

[selidori]

Banalissimo eppure non ne esco.

Dato un codice:

<table name="banner.tbl" border="1" cellpadding="0" cellspacing="0" width="100%">
<tbody>

	<tr>
		<td>[img]images/box/top_sx.gif[/img]</td>
		<td colspan="2" align="center" background="images/box/top.gif">..:: centrale ::..</td>
		<td>[img]images/box/top_dx.gif[/img]</td>
	</tr>
								
	<tr>
	    <td background="images/box/sx.gif"> aaaa</td>
		<td align="center" background="images/box/centro.gif" valign="top" width="*">sssss</td>
	    <td background="images/box/dx.gif"> bbbbbbbb</td>
	</tr>
								  
	<tr>
		<td>[img]images/box/sotto_sx.gif[/img]</td>
		<td colspan="2" background="images/box/sotto.gif"></td>
		<td>[img]images/box/sotto_dx.gif[/img]</td>
	</tr>

</tbody>
</table>

Ditemi voi se capite come mai alla riga 2 c'e' (appare in IE e firefox) una TD in più.

Ovvero, ci dovrebbero essere (come nella 1a e 3a riga) 3 celle, la prima è 'aaaaaaa', la seconda con 'sssssssss' e la terza ed ultima con 'bbbbbbbbbbb' e basta, il codice non dice altro. Eppure ne appare una quarta...

Eccola online:
http://www.selidori.com/transito/tabellona.htm

(ovviamente le immagini sono linkate sbagliate e non appaiono, ma ora non è questo il problema).

[pierabo]

Ciao, così sembra a posto:

<td background="images/box/sx.gif"> aaaa</td>
<td colspan="2" align="center" background="images/box/centro.gif" valign="top" width="*">sssss</td>
<td background="images/box/dx.gif"> bbbbbbbb</td>

[nuky]

Originariamente inviato da selidori
Banalissimo eppure non ne esco.

Dato un codice:

<table name="banner.tbl" border="1" cellpadding="0" cellspacing="0" width="100%">
<tbody>

	<tr>
		<td>[img]images/box/top_sx.gif[/img]</td>
		<td colspan="2" align="center" background="images/box/top.gif">..:: centrale ::..</td>
		<td>[img]images/box/top_dx.gif[/img]</td>
	</tr>
								
	<tr>
	    <td background="images/box/sx.gif"> aaaa</td>
		<td align="center" background="images/box/centro.gif" valign="top" width="*">sssss</td>
	    <td background="images/box/dx.gif"> bbbbbbbb</td>
	</tr>
								  
	<tr>
		<td>[img]images/box/sotto_sx.gif[/img]</td>
		<td colspan="2" background="images/box/sotto.gif"></td>
		<td>[img]images/box/sotto_dx.gif[/img]</td>
	</tr>

</tbody>
</table>

Ditemi voi se capite come mai alla riga 2 c'e' (appare in IE e firefox) una TD in più.

Ovvero, ci dovrebbero essere (come nella 1a e 3a riga) 3 celle, la prima è 'aaaaaaa', la seconda con 'sssssssss' e la terza ed ultima con 'bbbbbbbbbbb' e basta, il codice non dice altro. Eppure ne appare una quarta...

Eccola online:
http://www.selidori.com/transito/tabellona.htm

(ovviamente le immagini sono linkate sbagliate e non appaiono, ma ora non è questo il problema).

La tua tabella ha 4 colonne perché nella prima e terza riga hai inserito colspan="2" alla colonna centrale, dicendo così al browser che quella cella occupa il posto di due colonne. Lo spazio nella seconda riga che vedi è solo uno spazio vuoto perché hai inserito un td in meno.
Togliendo il colspan="2" ottieni la tabella con tre colonne.

[selidori]

nuky sei un genio.
Io mi impuntavo a leggere e rileggere la riga 2 invece il problema era la riga 3!

Grazie anche a pierabo per il work-around!