Newsgroup: it.comp.lang.javascript
Titolo: Bloccare le tabelle

   Ciao grandi!
   Esiste un modo per bloccare la larghezza delle colonne di una tabella?
   Mi spiego meglio, in un foglio .css ho scritto una cosa del tipo:
  TD.normal {
    width: 100;
    :    :    :
    }
    In una pagina HTML ho inserito una tabella cosi':
    <TABLE ...>
    <TD CLASS="normal">
        <TR....
        ...
    </TD>
    :    :    :
    tutto funziona bene, solo che se ridimensiono la finestra del browser,
le colonne mi si stringono fino ad assumere la larghezza (max) del testo in
esse contenuto. Io vorrei, invece, che la loro larghezza restasse invariata.
    Posso farlo in qualche modo?
    (come? :-))) )

Io non sono uno dei grandi Webmasters presenti
su questo NG, sono solo un principiante.
Cmq spero di poterti essere d'aiuto lo stesso.
Il primo metodo non e' JS, ma e' la soluzione piu' sicura
che conosco (funziona su tutto):
prima del testo all'interno della cella inserisci
una GIF trasparente con "width=100".
<TD width="100">
<IMG src="gifTrasparente.gif" width="100" height="1">
Testo
</TD>
...
Altrimenti, ecco un mio personale pasticcio in JS,
l'ho appena fatto e funziona solo su IE4 e +,
con gli altri browsers serve un'altro metodo,
inoltre se stringi troppo la finestra non funziona piu'.
<HEAD>
<STYLE> .norm { width: 100px; background: antiquewhite; } </STYLE>
<SCRIPT>
function tagSenzaId() {
document.all.tags("TD")[0].style.width="100";
// **>
// cosi' controlli il primo tag TD del documento,
// ma se ci sono troppi TD nel doc diventa un po' piu'
// difficoltoso fare riferimento a questo metodo.
// ***
// document.all.td1.style.width="100";
// **>
// puoi anche assegnare un "id"
// al tag TD, ma deve essere unico in tutto
// il documento; inoltre puoi controllare
// la formattazione di un "id" dallo style
// sostituendo il punto ( .nomeClasse ) con
// il cancelletto ( #nomeId )
// ***
}
</SCRIPT>
</HEAD>
<BODY onresize="tagSenzaId()">
<TABLE>
<!--  <TD id="td1" class="norm"> o -->
<TD class="norm"><!-- [0] -->
 Testo 1
 </TD>
 <TD><!-- [1] -->
 Testo 2
 </TD>
</TABLE>
</BODY>
Ciao.

Non è difficile...
fai così: somma tutti i valori dei vari width da associare a <TD>.
Ad esempio: in una riga ci sono tre colonne da 100 l'una allora fai
100+100+100 = 300
a questo punto, là dove dichiari la tabella, metti così
<TABLE WIDTH="300">
questo impedirà alla tabella di venire ridimensionata.
Ciao
Carlo "Sauron" Pelliccia < 
http://members.tripod.it/sauronsw
 >

secondo me il metodo + sicuro
è quello di mettere la larghezza del TD a
1 e dentro una gif trasparente alta 1 pixel
e larga 100...
è il metodo che in passato veniva usato
nei siti ad es hotmail, netscape .. ecc.
--
Bye
Ro<*¿*>berto

Esiste un attributo fixed dell'elemento TABLE nei CSS. Per il momento viene
supportato solo da IE 5...
Nell'attesa il trucco del gif trasparente é l'unica alternativa.
----------------------------
Massimo Foti
massim...@tfc.ch
----------------------------
Dreamweaver's fan page
http://www.cybernet.ch/users/massimo/
It should be the hole in the ozone layer...
but I am not the programmer I used to be...
falcoSF wrote in message ...


Scusate, non capisco, perchč complicarsi tanto la vita?
se si mette <TABLE WIDTH=x> la tabella non si restringe...
L'ho provato e funziona con Explorer, con Netscape e con Opera...
Perchč andare a cercare soluzioni piů macchinose come la gif trasparente?

prova a non mettere niente dentro il TD con width=100!


Non capisco...
Io ho fatto come hai detto tu e dentro <TD width=100></TD> non ho messo
nulla...e funziona comunque!
Sia con IE che con NN!

...ora ridimensiona la pagina che sia inferiore
alle dimensioni della tabella
..


Guarda che ho capito, solo che a me funziona perfettamente con IE5 e NN4.5
La tabella non viene affatto ristretta o ridimensionata, viene aggiunta una
barra dello scroll orizzontale, invece, anche se i vari <TD WIDTH=x> sono
vuoti...

Perche' non esiste solo NS4.5 e IE5.

Ci sono tanti motivi come ad es:
si nidificano le tabelle una dentro l'altra e quella genitrice
ha un valore percentuale.....
...a volte serve dare ad una colonna di fianco a quella
fissa un valore ridimensionabile.. ecc.
a fare pagine si incontrano spesso questi problemi!


Ok, sorry!
Ho capito...
Scusate!!!