stampare tabelle - le dimensioni non riportano

[warcomeb]

salve a tutti, ho fatto un piccolo applicativo web per il mio negozio, e stampo i codici a barre per ogni articolo su un foglio che ha delle etichette pretagliate di 66(l)x34(h). la stampa viene fatta attraverso una tabella che formatto con il css.
purtroppo le dimensioni che io imposto non vengono rispettate in particolare l'altezza delle etichette deve essere 34mm mentre mi vengono stampate di 33mm con il conseguente spostamento delle ultime etichette... perche?????

il css è questo:

@page{
	size: 210mm 297mm;
	margin: 0mm 6mm 0mm 6mm;
}


body {
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
}

table {
	font: 4mm "Times New Roman", georgia, serif;
	width:198mm;
	height: auto;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	/*padding:0mm; */
	border-collapse: collapse;
	text-align: center;
	page-break-after:always;
}

tr {
  margin:0mm;
  padding:0mm;
  height:34mm;
}

img{
  width: 50.09mm;
  height:20.11mm;
  margin:0mm;
  padding:0mm;
}
td {
	width: 66mm;
	vertical-align:middle;
	margin:0mm;
	padding:0mm;
}

mentre l'html a cui viene applicato è questo

<table>
<tr class="name">
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
</tr>
<tr class="name">
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
</tr>
<tr class="name">
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
</tr>
<tr class="name">
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
</tr>
<tr class="name">
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
</tr>
<tr class="name">
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
</tr>
<tr class="name">
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
</tr>
<tr class="name">
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
<td>pippo3  Tg: Unica
[img]articoli/barcode/090000066001.png[/img]</td>
</tr>
</table>

cosa può essere??? cosa sbaglio??

grazie

marco

[warcomeb]

up please.

[warcomeb]

sto provando a realizzare lo stesso effetto con i div... ma proprio non riesco!!

qualcuno ha qualche consiglio, purtroppo non sono molto capace con i css... devo fare solo sta cosuccia!!

grazie

Marco

[Mich_]

Il tuo e` un problema di CSS per la stampa.
La cosa e` un po' diversa rispetto al CSS per il monitor.

Non me ne intendo direttamtne, ma ti posso aiutare mediante alcune domande:
1. Hai usato il media="print" nel tag <link> o nello <style> ?
2. La stampante e` configurata correttamente? Il browser conosce la configurazione della stampante?
3. Hai provato ad usare misure in pc (pica) o in pt (punti) anziche` in mm? (a volte le stampati riconoscono i pc o i pt piu` facilmente dei mm).

[warcomeb]

ciao, grazie per aver risposto.
per quanto riguarda le prime due domande, rispondo ad entrambe "si".
per quanto riguarda la terza... cosa sono i "pica"? e come faccio a regolarmi con i pt... cioè quanto vale un pt in mm??

sono riuscito a realizzare il tutto con i div ma di tipo float. cioè rappresento ogni riga della tabella che era composta da tre colonne, con tre div float.
So che questa procedura è sbagliato e non si devono mettere elementi di tipo float, ma sembra andare (per adesso) ed accetto qualsiasi suggerimento.

il nuovo css è:

@page{ 	
  size: 210mm 297mm; 	
  margin: 12mm 5mm 12mm 5mm; 
}

body {
 	margin:0mm; 
}  

img{
   width: 50.09mm;
   height:20.11mm;
   margin:0mm;
   padding:0mm; 
}  

.blocco{
  width:65mm;
  height:34mm;
  text-align:center;
  float:left;  	
  margin: 0mm;
  padding: 0mm; 
}  

.container{
 	margin:0mm;
 	padding:0mm;
 	font: 4mm "Times New Roman", georgia, serif; 
}  

.big{ 
	margin:0mm;
 	padding:0mm;
}

mentre l'html è questo

<BODY>
<DIV class="big">
 <DIV class="container">
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>         
 </DIV>
 <DIV class="container">
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>         
 </DIV>
 <DIV class="container">
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>         
 </DIV>
 <DIV class="container">
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>         
 </DIV>
 <DIV class="container">
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>         
 </DIV>
 <DIV class="container">
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>         
 </DIV>
 <DIV class="container">
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>         
 </DIV>
 <DIV class="container">
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>
  <DIV class="blocco">Html.it Tg: Unica
[img]090000071001.png[/img]</DIV>         
 </DIV>
</DIV> 
</BODY>

Qui ho riportato solo quello che va stampato in una pagina, le pagine successive si ripetono a partire da div con classe "big". l'unica cosa che ho dovuto fare per farlo funzionare è stato aggiungere uno spazio attraverso le entity html dopo ogni div di classe "big".

spero di essere stato chiaro... grazie per l'aiuto

Marco

[Mich_]

Dal punto di vista logico e` sbagliato non usare una tabella per rappresentare dati tabellari.
Ma forse i tuoi dati sono una lista (forse una lista di definizione).

Tieni presente che se usi tag sbagliati vieni penalizzato nei motori di ricerca, oltre che rendere la pagina incomprensibile per i sistemi automatici e per le persnoe che usano brwoser non visuali.

La stampa e` una cosa che e` stata un po' trascurata in passato. ora si sta riprendendo, ma resta comunque la cenerentola.
Normalmente per stampe di precisione si usano strumenti diversi dall'HTML, ad esempio dei PDF generati in automatico lato server, dove e` possibile gestire meglio le dimensioni.

I pc e i pt sono unita` di misura specifiche per la stampa. Come ho gia` detto non me ne intendo molto, ma credo che in rete trovi info a volonta` (ad esempio puo partire da Wikipedia, che in questi campi e` una buona fonte, normalmente sufficientemente precisa e concisa).


Invece non sono d'accordo che la tua affermazione:

non si devono mettere elementi di tipo float,

I float sono strutture fondamentali per la formattazione delle pagine: praticamente sono molto piu` semplici rispetto ai posizionamenti, e lasciano al browser il compito di formattare al meglio in base alle dimension del carattere e della finestra. Forse per i tuoi scopi non sono adatti (dato che vuoi la precisione al millimetro).

[fcaldera]

la butto lì
se scrivi height: 34mm la stampa è di 33mm

se scrivi 35mm che succede? ottieni sempre 1mm di di differenza

[warcomeb]

Dal punto di vista logico e` sbagliato non usare una tabella per rappresentare dati tabellari. Ma forse i tuoi dati sono una lista (forse una lista di definizione).

hai perfettamente ragione!!

Tieni presente che se usi tag sbagliati vieni penalizzato nei motori di ricerca, oltre che rendere la pagina incomprensibile per i sistemi automatici e per le persnoe che usano brwoser non visuali.

il mio applicativo è un web software che ho fatto per il negozio di abbigliamento di mia moglie, per questo non ho badato all'usabilità ed alla rintracciabilità.

Per quanto rigiarda la generazione lato server dei pdf è un'ottima proposta, ora sono un pò in carenza di tempo, ma appena ho un buco, mi ci mettto a studiarlo è sicuramente più comodo.

I float sono strutture fondamentali per la formattazione delle pagine: praticamente sono molto piu` semplici rispetto ai posizionamenti, e lasciano al browser il compito di formattare al meglio in base alle dimension del carattere e della finestra.

sono pienamente daccordo con quello che dici, ho fatto quell'affermazione perchè nel 90% degli articoli che parlano della stampa con i css viene detto che devono essere rimossi i blocchi di tipo float o devono essere resi no-float.

grazie per i consigli... mi ci butterò appena posso.

saluti
Marco

[warcomeb]

la butto lì se scrivi height: 34mm la stampa è di 33mm se scrivi 35mm che succede? ottieni sempre 1mm di di differenza

(con le tabelle) purtroppo ho provato, stampa la prima pagina bene, ma incasina tutte quelle successive in maniera incomprensibile.

(con i div) con la stampante che ho in negozio funziona mettendo height a 34mm... ma non so se cambiando stampante succede il finimondo!!!!

saluti
Marco