Comments (10)
I believe to have found the problem and the cure.
See my PR #5.
from asn-qr-code-label-generator.
Did the same experience today on my MAC. Maybe it works different on Windows?
from asn-qr-code-label-generator.
I am working on Mac. I had a very very small deviation on the last box and I accounted this on my printer for inaccuracy of the printer. So the Mac is not the issue.
lets do one thing to de-bug it: download the word file from https://www.avery.co.uk/template-l4731
This menu give you the size information.You will see that WIDTHxHIGH is 2,54 cm X 1 cm
You will see that the margin between two boxes is 0,25 cm (see 3,64-(0,85+2,54)
for the first two boxes)
This are the numbers we are using here in the code:
I re-read now how how the box model works at https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model
and essentially it is width + padding + border
, not just width
. This means, I will change this now, so that padding and border does not affect it anymore. I hope this helps.
I would ask you to re-check the vertical positioning of the boxes
from asn-qr-code-label-generator.
I updated now https://tobiasmaier.info/asn-qr-code-label-generator/
Please review this
from asn-qr-code-label-generator.
Vertical alignment is ok.
Horizontal alignment is still off. The total distance between first and last element (each left edge) still does not add up to 167,4mm. (625,4+62,5) but is more like 166mm.
from asn-qr-code-label-generator.
I have the same problem, the horizontal alignment is (now) off for me too.
It worked until last print out. The alignment wasn't perfectly centered inside each sticker but it was ok.
but today I wanted to print the next sheet with the next 186 numbers but now the prints in the two right columns of stickers are all off the sticker borders for at least 1mm...
I guess something was changed in the past weeks?
from asn-qr-code-label-generator.
I tried older versions of your tool now and it's still off
So it seems the change wasn't in your tool but in the browser (or the way it renders the css/html) maybe?
here's an example of my print out:
from asn-qr-code-label-generator.
lets do one thing to de-bug it: download the word file from https://www.avery.co.uk/template-l4731
FYI: If I print that template, the fields align perfectly with the Avery L4731 form. So it's obviously no issue with the printer driver, but the rendering of the browser.
from asn-qr-code-label-generator.
Yay !! this works perfectly!
It's working with the commit version you mentioned (not with the latest version) and your changes
Thank you so much!
from asn-qr-code-label-generator.
I merged the changes of #5. And I am going to close this issue. Please re-open, if the problem persists
from asn-qr-code-label-generator.
Related Issues (5)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from asn-qr-code-label-generator.