Giter Club home page Giter Club logo

Comments (10)

jdelker avatar jdelker commented on September 26, 2024 1

I believe to have found the problem and the cure.
See my PR #5.

from asn-qr-code-label-generator.

touraner avatar touraner commented on September 26, 2024

Did the same experience today on my MAC. Maybe it works different on Windows?

from asn-qr-code-label-generator.

tmaier avatar tmaier commented on September 26, 2024

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

image 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:
image

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.

tmaier avatar tmaier commented on September 26, 2024

I updated now https://tobiasmaier.info/asn-qr-code-label-generator/

Please review this

from asn-qr-code-label-generator.

jdelker avatar jdelker commented on September 26, 2024

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.

asn_orig-tmaier2.pdf

from asn-qr-code-label-generator.

TimberlAndRE-de avatar TimberlAndRE-de commented on September 26, 2024

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.

TimberlAndRE-de avatar TimberlAndRE-de commented on September 26, 2024

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:
20240429_173126

from asn-qr-code-label-generator.

jdelker avatar jdelker commented on September 26, 2024

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.

TimberlAndRE-de avatar TimberlAndRE-de commented on September 26, 2024

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.

tmaier avatar tmaier commented on September 26, 2024

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 photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.