allargare la larghezza di una colonna

[maxcondor]

Ho questa struttura di tabella :

<table>
<tr>
<td></td>
<td>Nome</td>
<td class="spazio"></td>
<td>Cognome</td>
<td class="spazio"></td>
</tr>
</table>

tramite una classe:

.spazio {
 width:20px;
}

volevo cercare di allargare le colonne delle tabelle, ovviamente ciò non avviene. Dove sbaglio?

[maurelio79]

Originariamente inviato da maxcondor
Ho questa struttura di tabella :

<table>
<tr>
<td></td>
<td>Nome</td>
<td class="spazio"></td>
<td>Cognome</td>
<td class="spazio"></td>
</tr>
</table>

tramite una classe:

.spazio {
 width:20px;
}

volevo cercare di allargare le colonne delle tabelle, ovviamente ciò non avviene. Dove sbaglio?

Bhe, intanto Forza Roma!
Quali colonne vuoi allargre? Non basta dargli una larghezza anche alle altre colonne? Altrimenti dovrebbero allargassi in base al contenuto.

[maxcondor]

vorrei allargare le colonne che hanno la classe spazio, ma non si allargano. Le altre si allargono in base al loro contenuto e mi sta bene così. Praticamente il width sulle td non funziona

[Mich_]

prova a scrivere:

<td> </td>

(con uno spazio tra > e <): alcuni browser ignorano i blocchi vuoti, anche se hanno un loro stile.

[maxcondor]

infatti hai ragione, quindi non c'è modo di allargare la colonna?

[Mich_]

Se c'e` lo spazio, poi dovrebbe prendere ed interpretare il CSS.

Ma mi domando che senso abbia usare una cella come spaziatrice. In pratica stai formattando mediante le tabelle, che non e` una procedura corretta.
Eventualmente puoi lasciare una cella vuota (se lo richiede il contenuto), che si fa mediante l'attributo CSS empty-cells

Comunque gli spazi si fanno tramite margini (o simili).
E se l'intera tabella serve per formattare, va studiato un metodo piu` semantico per descrivere il contenuto della pagina.

[maxcondor]

<td> </td>

in questo modo con ie7 le colonne non si allargano. Sarò costretto ad usare delle gif trasparenti?

La tabella mi serve per visualizzare un calendario calcistico

[Mich_]

Non ho esperienza con IE7.

Ti consiglio vivamente di fare le prove con un browser standard (FF, Moz, Safari, ...) e poi cercare la soluzione migliore per i browser free-lance.

[maurelio79]

Prova a scrivere:

<td></td> 

E poi nei css dai la larghezza che vuoi.

[maxcondor]

ho provato anche così, ma non funziona con ie