Nascondere un tag ma non il suo contenuto

Ciao a tutti

ho una tabella contenente 6/7 tabelle più piccole tutte uguali che in fase
di visualizzazione per chiarezza preferisco mostrare su una colonna sola ma
che in fase di stampa voglio mostrare su due colonne per fare stare il tutto
in una facciata sola

Il problema pertanto è di nascondere un tag<td> e farlo ricomparire in fase
di stampa

NON SI TRATTA di nascondere il contenuto del tag <td> ma proprio il tag <td>
stesso e di farlo ricomparire in fase di stampa.

Ho provato con:

<div class="print "style="display:none"><td></div>

oppure

<td class="print "style="display:none">

ma è tutto inutile e il <td> appare semore e mi divide la tabella in due
colonne anche in fase di visualizzazione

Come posso fare?

Grazie

"Sembro la carta"

ha scritto nel messaggio

Innanzi tutto devi usare due CSS distinti per il video e la stampa
(@media), secondariamente sì, è proprio il display della tabella che va
cambiato; prova "block" o "inline" per il video, vedi quale ti soddisfa.
--

ho fatto i due files.css

uno per lo screen e uno media=print

Per ora il problema non sta nel print ma nello screen

Non riesco a nascondere il tag <td>

Io non vohlio nascondere il contenuto del tag <td> ma proprio il tag stesso
in quanto non voglio due colonne ma una soltanto per aumentare la
leggibilità delle tabelle-

Dopo in fase di stampèa voglio fare ricomparire il tag per mostrare il tutto
su due colonne.

"Sembro la carta"

ha scritto nel messaggio > Ripeto:

è proprio il display della tabella che va cambiato; prova "block" o
"inline" per il video, vedi quale ti soddisfa.
--

Mi nasconde sempre e soltanto il contenuto relativo al tag <td> ma il tag
<td> è sempre li

ovvero se il codice è:

<td style="display:none">Ciao come stai</td>

mi nasconde "ciao come stai mentre io vohlio che "ciao come stai" sia
visibile e il tag <td> sia invisibile

Paolo <Paolop (AT) nospam (DOT) com> ha scritto:

"Sembro la carta"

Ripeto:

è proprio il display della tabella che va cambiato; prova "block" o
"inline" per il video, vedi quale ti soddisfa.

ovvero se il codice è:

td style="display:none">Ciao come stai</td

Ma ROTFL! Pare che Sembrolacarta parli col muro!

--
Nando [?]
Apostolo della Prova

"Nando"

ha scritto nel messaggio

Ma ROTFL! Pare che Sembrolacarta parli col muro!

--

ma tu oltre che a far dello spirito hai capito il problema?



Se hai la soluzione dilla e basta altrimenti sono solo chiacchere inutiuli



Ho provato tutto quello che è stato consigliato e non lavora.



fate un esempio..................

Paolo <Paolop (AT) nospam (DOT) com> ha scritto:

"Nando"

ha scritto nel messaggio

Ma ROTFL! Pare che Sembrolacarta parli col muro!

ma tu oltre che a far dello spirito hai capito il problema?

suvvia, non adirarti. Ho capito il problema ma ti è già stata suggerita
una possibile soluzione.

Se hai la soluzione dilla e basta altrimenti sono solo chiacchere inutiuli

Già ti è stata data... solo che tu insisti con gli stili sui td...

Ho provato tutto quello che è stato consigliato

Sicuro sicuro? Prova un po' a postare il codice dove recepisci quei
consigli, così magari si capisce meglio (anche perché non ti esprimi
proprio chiaramente).

e non lavora.

fate un esempio..................

E che simme 'e schiavuttielle tuoje? :-P

Peace and love, fratello!

--
Nando [?]
Apostolo della Prova

Paolo <Paolop (AT) nospam (DOT) com> ha scritto:

@media screen { .print-only { display:none;visibility:hidden; } }

td class="print-only"

Mi è sembrato che un tipo abbia scritto (vedi
<1idhbmz.n7yptf1d98qt2N%balestra (AT) faqintosh (DOT) com>):

**
Innanzi tutto devi usare due CSS distinti per il video e la stampa
(@media), secondariamente sì, è proprio il display della tabella che va
cambiato; prova "block" o "inline" per il video, vedi quale ti soddisfa.
**

Cosa non ti è chiaro in *è proprio il display della _tabella_ che va
cambiato; prova "block" o "inline" per il video*?

--
Nando [?]
Apostolo della Prova

Paolo <Paolop (AT) nospam (DOT) com> ha scritto:

Provate a farne funzionare una se è così palese vi costa poco

Partiamo da un presupposto che, evidentemente, ti manca.
Un "tag" non fa altro che marcare un contenuto, dare una semantica
(significato) a quello che c'è dentro. Per cui, ad esempio:

<h1>HTML e CSS</h1>
<h2>Impariamo le basi di HTML e CSS</h2>
<p>bla bla bla bla bla</p>
<p>bla bla bla bla bla</p>

Questo "markup" dice che "HTML e CSS" è un titolo, "Impariamo..." è un
sottotitolo, "bla bla" sono paragrafi. Niente di più. Una volta scritti,
non posso "eliminare" i tag, fare come se non ci fossero, e impostare le
proprietà CSS per un tag non significa operare sul tag stesso, ma sul modo
in cui vengono visualizzati i contenuti racchiusi nel tag. Così,
specificando:

p {color:red}

faccio in modo che il testo contenuto nei tag "p" sia rosso; allo stesso
modo, specificando:

h2 {display:none}

faccio in modo che *il contenuto* dei tag h2 non venga visualizzato:
specificare quest'ultima regola CSS NON EQUIVALE AFFATTO a sostituire il
codice di markup di cui sopra con il seguente:

<h1>HTML e CSS</h1>
Impariamo le basi di HTML e CSS
<p>bla bla bla bla bla</p>
<p>bla bla bla bla bla</p>

Non so se mi sono spiegato.

--
Nando [?]
Apostolo della Prova

"Nando"

ha scritto nel messaggio >

Non so se mi sono spiegato.

--
Nando [?]

Spiegatissimo e ti rigrazio

Ma se la situazione è quello che dici e ne ero al corrente come risolvo il
problema?

Se il tag <td> è li e non posso eliminarlo pena di nascondere il contenuto
come infatti mi accade adesso nelle mie innumerevoli prove tra cui quella di
nsacondere il tag <td> trasformandolo esso stesso in contenuto all'interno
di un tag <div> cos mi consigli di fare?

Grazie

On Sat, 08 Mar 2008 08:47:32 GMT, Paolo wrote:

[cut]

Il problema pertanto è di nascondere un tag<td> e farlo ricomparire in fase
di stampa

NON SI TRATTA di nascondere il contenuto del tag <td> ma proprio il tag <td
stesso e di farlo ricomparire in fase di stampa.

Se anche tu potessi fare una cosa del genere, verrebbe fuori un
discreto puttanaio, e perdonami il francesismo. Non puoi tenere
del codice HTML a spasso per un TR senza che sia figlio di TD o
TH.
Quindi se vuoi ottenere un effetto del genere, devi ripensare a
monte il layout; in modo che sia table-less.
Ricordati che le table, secondo specifiche w3c, si devono usare
solo per rappresentare dati tabellari, non per il layout. E uno
dei motivi è proprio quello con il quale ti sei confrontato te:
ovvero, che i tag table definiscono "a monte" il modo in cui il
contenuto deve essere visualizzato, "rompendo" quindi la "santa
trinità" della programmazione che è la separazione della forma,
dal contenuto, dal comportamento.

Usando le table per specificare un layout, ti giochi da solo la
possibilità di modificare la "forma" del "contenuto" in base al
dispositivo (video, o stampa). O, per essere più precisi, vai a
autolimitarti nella possibilità di poterlo fare.

--
~ "Lo dice il buon senso, ma il buon senso non è uno standard".
(Jeffrey Zeldman)