Stampa con onClick='window.print()

[carbar]

Estraendo dati da tabella mysql, li ho emessi a video con questa echo
echo "
<div class='w3-row'>
<div class ='w3-col' style = 'width: 20%'>
<p></p>
</div>
<div class ='w3-col' style = 'width: 15%'>
<input type='text' class='form-control testo' id='Cognome' value=' $row[0]'>
</div>
<div class ='w3-col' style = 'width: 1%'>
<p></p>
</div>
<div class ='w3-col' style = 'width: 10%'>
<input type='text' class='form-control testo' id='Nome' value='$row[1]'>
</div>
<div class ='w3-col' style = 'width: 1%'>
<p></p>
</div>
<div class ='w3-col' style = 'width: 10%'>
<input type='text' class='form-control testo' id='Totale Presenze' value='$row[2]'>
</div>
</div>"

Voglio poi mandare il tutto in stampa con 'window.print() ma purtroppo i campi non sono allineati come a video ma tutti in verticale , compresi quelli di intestazione. potete darmi qualche idea? Grazie

[Vincent.Zeno]

devi creare un foglio di stile apposito per la stampa che puoi richiamare al solito modo.
li scriverai le regole specifiche.

<link rel="stylesheet" href="print.css" type="text/css" media="print">

[carbar]

Ti ringrazio del suggerimento, ma onestamente non so quali regole inserire nel foglio di stile, dato che la formattazione è già definita

[Vincent.Zeno]

di certo non posso fartele io (che non conosco il progetto e le intenzioni), sei tu che devi formattare quello che vuoi stampare su carta.

[carbar]

di certo non posso fartele io (che non conosco il progetto e le intenzioni), sei tu che devi formattare quello che vuoi stampare su carta.

Non chiedo che venga fatta, ma semplicemente perchè una tabella che a video è ben esposta, non viene stampata nello stesso modo con window.print()

[carbar]

quello che mi chiedo e se ci sono delle incompatibilità fra un video strutturato con <div> ed il comando di stampa, dato che in altre occasioni, usando <table>, <tr>, <th> non ho avuto problemi d stampa. Ho scelto questa strada perché più semplice per l'incolonnamento ed il distanziamento fra gli stessi. E' questo il nocciolo della questione.

[Vincent.Zeno]

le incompatibilità ci sono solo riguardo alle dimensioni tra media diversi:
su un foglio A4 difficilmente protrai stampare alla stesso modo che a video.
per questo motivo creiamo i css specifici

dal codice esposto si capisce che stai stampando in progetto creato con un layout responsivo.
verosimilmente la dimensione della pagina a video non può essere la stessa dell'A4, quindi si sposta tutto (giustamente).

devi necessariamente creare una stile apposito

[carbar]

si tratta di tre campi (cognome,nome ed un numero) che non occupano spazio ed anche impostando in landscape il risultato è lo stesso, quindi non credo che possano esserci problemi di dimensioni fra carta e video

[Vincent.Zeno]

fai vedere l'output html delle pagina che vuoi stampare, compreso lo stile (anche un link al css va bene).
se troppo lungo mettilo in allegato in un file di testo.

anche meglio se puoi fornire un link dimostrativo


nel frattempo:
visto che sono 6 colonne, stai tentando di stampare in verticale o orizzontale?