CSS- display:none. ma con l'RTF?

**Threepwood** · 21-02-2007, 12:04

Salve a tutti! credo sia la sezione più consona alla richiesta...

Per celare un elemento faccio style="display:none;" sull'elemento.

IN rtf sapete come è la sintasssi?

(es. in rtf il salto pagina è <span style="display: inline;"><br clear="all" style="page-break-before:always"></span>")

**Mich_** · 21-02-2007, 12:11

RTF? Che e` 'sta roba?

Io conosco RTF - ritch text file - come un formato aperto di file di tipo word (una specie di .DOC, ma leggermente piu` limitato), ma non mi pare sia il tuo caso.

Anche la sintassi che proponi per il
non e` HTML.
Anzitutto non e` necessario inserire il
dentro uno <span>, e poi semmai la sintassi e`
<br style="clear:both; page-break-after:always;" />

**Threepwood** · 21-02-2007, 12:16

intendo proprio quell'rtf

Mi spiego. Alcuni documenti che propongo, anzichè darli in html, li elaboro e li chiamo "doc.rtf".

Facendolo in rtf word lo apre tranquillamente, però cicca alcuni piccoli aspetti.
1) non fa correttamente il page break css (e ho risolto con quel codice che hai visto)
2) non esegue il display none.

E' un po un trucchetto per far scaricare della documentazione visibile e modificabile con un semplice word...

**Mich_** · 21-02-2007, 12:29

A me risulta che il linguaggio .rtf sia molto diverso da HTML, e non supporti i CSS.

Ho giusto aperto un file, e l'inizio mi si presenta cosi`:

codice:

\fs24\lang1040\langfe1040\cgrid\langnp1040\langfenp1040 \snext0 Normal;}{\*\cs10 \additive Default Paragraph Font;}}{\info{\title bozza di " REGOLAMENTO DI SEZIONE PER XXXXXXXXXXXXXXX "}{\author xxxxxx}{\operator xxxxxx}
{\creatim\yr2007\mo2\dy13\hr12\min10}{\revtim\yr2007\mo2\dy17\hr21\min15}{\printim\yr2007\mo2\dy10\hr18\min41}{\version3}{\edmins6}{\nofpages1}{\nofwords337}{\nofchars1921}{\*\company XXXXXXXX}{\nofcharsws0}{\vern8243}}
\margl1134\margr1134\margt1417\margb1134 \widowctrl\ftnbj\aenddoc\hyphhotz283\noxlattoyen\expshrtn\noultrlspc\dntblnsbdb\nospaceforul\hyphcaps0\horzdoc\dghspace120\dgvspace120\dghorigin1701\dgvorigin1984\dghshow0\dgvshow3
\jcompress\viewkind4\viewscale90\nolnhtadjtbl \fet0\sectd \linex0\sectdefaultcl {\*\pnseclvl1\pnucrm\pnstart1\pnindent720\pnhang{\pntxta .}}{\*\pnseclvl2\pnuclt ...

(il resto non lo pubblico)

Non e` che per caso intendi un file in XML?
Anche XML puo` essere usato per file di tipo word, e in tal caso la sintassi e` simile all'HTML, con formattazione realizzata tramite CSS.

**Threepwood** · 21-02-2007, 12:55

Ciò che faccio è leggermente diverso.

Non vado a creare un file RTF, ma faccio in modo che un file contentente HTML venga rinominato come RTF e che word interpreti correttamente i dati all'interno.

esempio:

codice:

<html><body>
questo è bold


questo non è bold

<span style="display: inline;"><br clear="all" style="page-break-before:always"></span>
io sono in pagina 2
</body></html>

Se crei un nuovo file e lo chiami FILE.RTF col codice che ti ho postato, vedrai che word lo apre come fosse un file word... rispettando i vadi BOLD o "A CAPO" impostati in html

**Mich_** · 21-02-2007, 13:16

In pratica dici a word che il file e` RTF, ma poi gli dai un file HTML ...
Non e` che la cosa mi piaccia poi molto.

Piuttosto prova ad aprire un file HTML tramite word (da dentro word, scegli "apri", seleziona "tutti i file" e cerca il file che ti interessa (con estensione HTML).
La cosa al lato pratico non cambia, ma non imbrogli l'applicativo.

E comunque Word, se gli dici di salvare in HTML in realta` salva in XML (con una codifica CSS assurda).
Poi occorre vedere quali attributi CSS vengono riconosciuti da Word, e specificamente da una particolare versione (immagino che la cosa cambi a seconda delle versioni).
E la cosa potrebbe funzionare anche con il word di OpenOffice o di altri office (magari meglio).

A questo punto non e` piu` un problema di CSS, ma di come un certo applicativo capisce/utilizza i CSS.

Oppure si potrebbe ridurre ad un problema diverso: come realizzare un file in formato leggibile da word.
A questo punto un quesito: Perche` in formato modificabile, e non un formato tipo PDF (difficilmente modificabile)?

Se puoi lavorare con programmi lato server (ASP, PHP, ...) ci sono le librerie pronte, sia per i formati word (proprietari o aperti) che per i PDF.

**mosquito70** · 14-09-2007, 14:30

Originariamente inviato da Threepwood
Ciò che faccio è leggermente diverso.

Non vado a creare un file RTF, ma faccio in modo che un file contentente HTML venga rinominato come RTF e che word interpreti correttamente i dati all'interno.

esempio:

codice:

<html><body>
questo è bold


questo non è bold

<span style="display: inline;"><br clear="all" style="page-break-before:always"></span>
io sono in pagina 2
</body></html>

Se crei un nuovo file e lo chiami FILE.RTF col codice che ti ho postato, vedrai che word lo apre come fosse un file word... rispettando i vadi BOLD o "A CAPO" impostati in html

Ho lo stesso problema ed eseguo il tuo stesso metodo (copia di html in rtf), ma la direttiva che hai indicato non mi funziona.

**mosquito70** · 14-09-2007, 15:09

Originariamente inviato da mosquito70
Ho lo stesso problema ed eseguo il tuo stesso metodo (copia di html in rtf), ma la direttiva che hai indicato non mi funziona.

In realtà se faccio copia e incolla su un file nuovo, del codice illustrato in precedenza, e poi rinomino questo da .html a .rtf, funziona il salto pagina, mentre nel mio caso (un pò più complesso, no

E' possibile che tra qualche direttiva css utilizzata, venga annullata quella riferita al salto pagina, che invece scritto così <P STYLE="page-break-after: always"> </P> sul .html, funziona?

Le direttive che uso sono le seguenti

<html>
<head>
<style>
.txtlogosiag
{
FONT-WEIGHT: bolder;
FONT-SIZE: 43px;
COLOR: #2E8B57;
FONT-STYLE: oblique;
FONT-FAMILY: 'Times New Roman', Verdana, Arial
}
.txtlogosiagsrl
{
FONT-SIZE: 10px;
COLOR: #2E8B57;
LINE-HEIGHT: 13px;
FONT-FAMILY: Verdana, Helvetica, Arial
}

.txtlogosiagammi
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10px;
COLOR: #2E8B57;
LINE-HEIGHT: 13px;
FONT-FAMILY: Verdana, Helvetica, Arial
}

.txtlogosiagdati
{
FONT-SIZE: 10px;
COLOR: #2E8B57;
LINE-HEIGHT: 13px;
FONT-FAMILY: Verdana, Helvetica, Arial
}

.txtheadbollenume
{
FONT-SIZE: 9px;
COLOR: #333333;
LINE-HEIGHT: 14px;
FONT-FAMILY: Verdana, Helvetica, Arial
}

.txtheadbolledata
{
FONT-SIZE: 11px;
COLOR: #333333;
LINE-HEIGHT: 13px;
FONT-FAMILY: Verdana, Helvetica, Arial
}

.txtheadspett
{
FONT-SIZE: 10px;
COLOR: #333333;
LINE-HEIGHT: 11px;
FONT-FAMILY: Verdana, Helvetica, Arial
}

.txtheaddenoazie
{
FONT-WEIGHT: bolder;
FONT-SIZE: 13px;
COLOR: #000000;
LINE-HEIGHT: 10px;
FONT-FAMILY: Verdana, Helvetica, Arial;
}

.txtheadindiazie
{
FONT-SIZE: 13px;
COLOR: #000000;
LINE-HEIGHT: 10px;
FONT-FAMILY: Verdana, Helvetica, Arial;
}

.txtentedeno
{
FONT-WEIGHT: bolder;
FONT-SIZE: 14px;
COLOR: blue;
LINE-HEIGHT: 13px;
FONT-FAMILY: Arial, Verdana, Helvetica;
}

.txtenteuffi
{
FONT-SIZE: 10px;
COLOR: #333333;
LINE-HEIGHT: 11px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtenteindi
{
FONT-SIZE: 10px;
COLOR: #333333;
LINE-HEIGHT: 10px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtlabe
{
FONT-SIZE: 10px;
COLOR: #333333;
LINE-HEIGHT: 11px;
FONT-STYLE: oblique;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtgara
{
FONT-WEIGHT: bolder;
FONT-SIZE: 12px;
COLOR: #822222;
LINE-HEIGHT: 12px;
FONT-FAMILY: Tahoma, Arial, Helvetica
}
A:link
{
FONT-WEIGHT: bolder;
FONT-SIZE: 12px;
COLOR: #822222;
LINE-HEIGHT: 12px;
FONT-FAMILY: Tahoma, Arial, Helvetica
}

.txtogge
{
FONT-SIZE: 11px;
COLOR: #333333;
LINE-HEIGHT: 12px;
FONT-FAMILY: Tahoma, Arial, Helvetica
}

.txtcate
{
FONT-WEIGHT: bolder;
FONT-SIZE: 12px;
COLOR: #000000;
LINE-HEIGHT: 13px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtimpo
{
FONT-WEIGHT: bolder;
FONT-SIZE: 13px;
COLOR: #000000;
LINE-HEIGHT: 12px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtfina
{
FONT-SIZE: 11px;
COLOR: #333333;
LINE-HEIGHT: 12px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtsist
{
FONT-SIZE: 11px;
COLOR: #333333;
LINE-HEIGHT: 12px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtpubb
{
FONT-SIZE: 11px;
COLOR: #333333;
LINE-HEIGHT: 12px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtscaddata
{
FONT-WEIGHT: bolder;
FONT-SIZE: 12px;
COLOR: #000000;
LINE-HEIGHT: 12px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtscaddataoraa
{
FONT-SIZE: 10px;
COLOR: #333333;
LINE-HEIGHT: 12px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtanno
{
FONT-SIZE: 11px;
COLOR: #333333;
LINE-HEIGHT: 12px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtannu
{
FONT-SIZE: 11px;
COLOR: #333333;
LINE-HEIGHT: 12px;
FONT-FAMILY: Arial, Verdana, Helvetica
}

.txtfoot
{
FONT-WEIGHT: bolder;
FONT-SIZE: 8px;
COLOR: #000000;
LINE-HEIGHT: 9px;
FONT-FAMILY: Verdana, Helvetica, Arial
}
.tabella1
{width: 550px;
border: none;
border-collapse:collapse;
}

.tabella1, .tabella1 tr, .tabella1 td {margin:0; padding: 3px; }

.colsx { border: none; border-right: 1px solid #333333; }
.tabella1, .tabella1 tr, tabella1 td {margin:0; padding: 3px; }
.colsx { border: none; border-right: 1px solid #333333; }

hr {
border: 0;
width: 98%;
}

hr.hr2 {
color: #f00;
background-color: #f00;
height: 0.01in;
}

div#conteiner {border-left:-0.5cm solid #000; border-right:-0.5cm solid #000; border-bottom:0.5cm solid #000;}

p.solid
{
border-style: solid;
border-bottom-width: 1px;
border-left-width: 1px; padding-left:0;
border-right-width: 1px; padding-right:0;
border-top-width: 1px;
}
p.linered
{
border-style: solid;
border-top-width: 1px; padding-top:0;
border-bottom-width: 0px; padding-bottom:0;
border-color: #C0C0C0 #ffffff #ffffff #ffffff;
LINE-HEIGHT: 05px;
}
p.lineredinse
{
border-style: solid;
border-top-width: 1px; padding-top:0;
border-bottom-width: 0px; padding-bottom:0;
border-color: #C0C0C0 #ffffff #ffffff #ffffff;
}

@page Section1
{margin:40pt 40pt 40pt 40pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}

table{border-collapse: collapse}

</STYLE>
</HEAD>
<BODY>

<div class=Section1>
<table border="0" width="100%" height="5%" cellspacing="1">

**mosquito70** · 14-09-2007, 15:23

Purtroppo ho scoperto che non influiscono i CSS sopra indicati, perchè scrivendo così

(...il codice css di prima...)

</STYLE>
</HEAD>
<BODY>

<div class=Section1>

questo è bold

questo non è bold

<span style="display: inline;"><br clear="all" style="page-break-before:always"></span>
io sono in pagina

<span style="display: inline;"><p style="page-break-before:always"></p></span>

aaaaa
.......

</body>
</html>

Il salto pagina avviene.
Quindi il problema sta nel codice HTML scritto tra i due body

codice:

</STYLE>
</HEAD>
<BODY>

<div class=Section1>
<table border="0" width="100%" height="5%" cellspacing="1">
	<tr>
		<td width="15%"   rowspan="2" height="79" valign="bottom"><font class="txtlogosiag">DDD</font><font class="txtlogosiagsrl">  srl</font></td>
		<td width="33%"  class="txt" valign="bottom" rowspan="2" height="79">
			<font class="txtlogosiagammi">
			xxxx</font>

			<font class="txtlogosiagdati">
			1122

			1111

			1222

			aaaa

			</font>
			<font class="txtlogosiagammi">
			aaa.it
			</font>
		</td>
		<td width="33%"  align="right" class="txtheadbollenume" height="54">
			

<font size="5">Bollettino 1-07</font>
			<hr>
			<font class="txtheadbolledata">
			del 03/01/2007
		</td>
		</font>
	</tr>
  	
  	<tr>
    		<td width="33%"  class="txtheadspett" height="21"> Spett.le: </font><font class="txtheaddenoazie">PINCO</font> </td>
  	</tr>
 </table>
 
<table border="0" width="100%" height="90%" cellspacing="1" cellpadding="0"  bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bordercolor="#CCCCCC"> 
	<tr> 
		<td width="50%" class="colsx" valign="top"> 
			<table border="0" width="100%" cellspacing="1" cellpadding="0"> 
				<tr> 
					<td width="100%" class="txtentedeno" colspan="2">  <hr size="1" color="#000000" width="98%"> </td> 
				</tr> 
				<tr> 
					<td width="100%" colspan="2" class="txtentedeno"> Comune di  SULMONA (AQ)</td> 
				</tr> 
				<tr> 
					<td width="100%" class="txtenteindi" colspan="2"> Via P. Mazara, 21  - 67039SULMONATel.0864/242241Fax 51719</td> 
				</tr> 
				<tr> 
					<td width="100%" colspan="2"> <hr width="98%"></td> 
				</tr> 
				<tr> 
					<td width="18%"  class="txtlabe">Gara:</td> 
					<td width="82%"  class="txtgara"> C206287 
						Procedura-Aperta   
					</td> 
				</td> 
				</tr> 
				<tr> 
					<td width="18%"  class="txtlabe" valign="top">Oggetto:</td> 
					<td width="82%" align="justify" class="txtogge"> Rifacimento pavimentazioni in pordido ed eventuali sottoservizi nel centro storico (via Pastore, via P. Serafini e via della Cona).  </td> 
				</tr> 
				<tr> 
					<td width="18%"  class="txtlabe">Cat.:</td> 
					<td width="82%" class="txtcate"> 
						OG3 
					</td> 
				</tr> 
				<tr> 
					<td width="18%"  class="txtlabe">Importo:</td> 
					<td width="82%" class="txtimpo"> 178.571,76 complessivo </td> 
				</tr>
				<tr>
					<td width="18%"  class="txtlabe">Finanziam.:</td> 
					<td width="82%" class="txtfina"> cassa dd.pp.  </td> 
				</tr> 
				<tr>
					<td width="18%"  class="txtlabe">Sistema:</td> 
					<td width="82%" class="txtsist"> ribasso percentuale art.82 (anom. 122)</td> 
				</tr>
				<tr>
					<td width="18%"  class="txtlabe">Pubblic.ne:</td> 
					<td width="82%" class="txtpubb"> 
						<table border="0" width="82%" cellspacing="0" cellpadding="0">
							<tr> 
								<td width="18%" class="txtpubb">28/12/2006</td> 
								<td width="82%"> 
									<p class="solid"><font class="txtlabe">Scadenza:</font><font class="txtscaddata">19/01/2007</font><font class="txtscaddataoraa">12:00</font></p>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td width="18%"  class="txtlabe" valign="top">Annotazioni:</td> 
					<td width="82%" class="txtanno" align="justify">BANDO DI GARA A DISPOSIZIONE  PRESA VISIONE degli atti: lunedi', mercoledi' e venerdi' dalle 10.00 alle 12.00  - e' OBBLIGATORIO il sopralluogo </td>
				</tr>
			</table> 
		</td> 
		<td width="50%" class="coldx" valign="top"> 
			<table border="0" width="100%" cellspacing="2" cellpadding="0"> 
				<tr> 
					<td width="100%" class="txtentedeno" colspan="2">  <hr size="1" color="#000000" width="98%"> </td> 
				</tr> 
				<tr> 
					<td width="100%" colspan="2" class="txtentedeno"> Comune di  CUGNOLI (PE)</td> 
				</tr> 
				<tr> 
					<td width="100%" class="txtenteindi" colspan="2"> Via Roma, 5  - 65020CUGNOLITel.085/8576131Fax 085/8576722</td> 
				</tr> 
				<tr> 
					<td width="100%" colspan="2"> <hr width="98%"></td> 
				</tr> 
				<tr> 
					<td width="18%"  class="txtlabe">Gara:</td> 
					<td width="82%"  class="txtgara"> C206280 
						Procedura-Aperta   
					</td> 
					</td> 
				</tr> 
				<tr> 
					<td width="18%"  class="txtlabe" valign="top">Oggetto:</td> 
					<td width="82%" align="justify" class="txtogge"> Impianto sportivo polivalente palestra scuola media - completamento 2^ stralcio - lavori complementari.  </td> 
				</tr> 
				<tr> 
					<td width="18%"  class="txtlabe">Cat.:</td> 
					<td width="82%" class="txtcate"> 
						OG3
					</td> 
				</tr> 
				<tr> 
					<td width="18%"  class="txtlabe">Importo:</td> 
					<td width="82%" class="txtimpo"> 35.712,07 </td> 
				</tr> 
				<tr>
					<td width="18%"  class="txtlabe">Finanziam.:</td> 
					<td width="82%" class="txtfina"> cassa dd.pp.  </td> 
				</tr> 
				<tr>
					<td width="18%"  class="txtlabe">Sistema:</td> 
					<td width="82%" class="txtsist"> ribasso percentuale art.82 (anom. 122)</td> 
				</tr>
				<tr>
					<td width="18%"  class="txtlabe">Pubblic.ne:</td> 
					<td width="82%" class="txtpubb"> 
						<table border="0" width="82%" cellspacing="0" cellpadding="0">
						<tr> 
							<td width="18%" class="txtpubb">20/12/2006</td> 
							<td width="82%"> 
								<p class="solid"><font class="txtlabe">Scadenza:</font><font class="txtscaddata">17/01/2007</font><font class="txtscaddataoraa">12:00</font></p>
							</td>
						</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td width="18%"  class="txtlabe" valign="top">Annotazioni:</td> 
					<td width="82%" class="txtanno" align="justify">BANDO DI GARA A DISPOSIZIONE  PRESA VISIONE degli atti: giorni feriali escluso il sabato dalle 9.00 alle 13.00 (presa visione del progetto e dei luoghi e' tassativa, pena l'esclusione dalla gara) </td>
				</tr>
			</table> 
		</td>
	</tr>
	<tr> 
		<td width="50%" height="100%" class="txtfoot" align="left" valign="bottom" > SIAG Srl </td> 
		<td width="50%" height="100%" class="txtfoot" align="right" valign="bottom" > Pagina 1 </td> 
	</tr> 
</table> 



<span style="display: inline;"><p style="page-break-before:always"></p></span>

aaaaa
 .......
 
</body>
</html>

La ricerca continua...

**mosquito70** · 14-09-2007, 17:58

A chi dovesse servire,
ho scoperto che il problema dipende da fatto che due tabelle non sono separate da nulla e che quindi il salto pagina non viene considerato.

Insomma, inserendo due
prima e dopo il salto pagina, il problema si risolve

codice:

       			<tr> 
						<td width="50%" height="100%" class="txtfoot" align="left" valign="bottom" > SIAG Srl </td> 
						<td width="50%" height="100%" class="txtfoot" align="right" valign="bottom" > Pagina 1 </td> 
        			</tr> 
      </table> 


 

<span style="display:inline;"><br clear="all" style="page-break-before:always"></span>

 

 <table border="0" width="100%" height="100%" cellspacing="2" cellpadding="0"  bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bordercolor="#CCCCCC"> 
        <tr>

Discussione: CSS- display:none. ma con l'RTF?

Strumenti discussione

Ricerca discussione

Visualizza

CSS- display:none. ma con l'RTF?

RTF? Che e` 'sta roba?

aggiornamento... :((

risolto!

Permessi di invio