0

enter image description here

I am try to print CR-80 card that is already printed but I only print values. for setting Alignment when I increse margin/padding - [top] but last values goes to next page.

NOTE: I have removed and header footer but it did not do anything

Name: ID NO: Card No:

I am try to print CR-80 card with already printed value.

<div id="printablediv" class="hidden" style="font-family: Poppins; z-index: -1; overflow: hidden; font-size: 34px;">
   <div style="color: rgb(24, 52, 155); padding-top: 24px; font-weight: bolder; margin-left: 24px;">RASHIDI ALLY SIMBA</div>
   <div style="color: rgb(24, 52, 155); padding-top: 24px; font-weight: bolder; margin-left: 24px;">RASHIDI ALLY SIMBA</div>
   <div style="color: rgb(24, 52, 155); padding-top: 24px; font-weight: bolder; margin-left: 24px;">RASHIDI ALLY SIMBA</div>
   <div style="color: rgb(24, 52, 155); padding-top: 24px; font-weight: bolder; margin-left: 24px;">RASHIDI ALLY SIMBA</div>
   <div style="color: rgb(24, 52, 155); padding-top: 24px; font-weight: bolder; margin-left: 24px;">RASHIDI ALLY SIMBA</div>
   <style type="text/css" media="print">
      @page {
      size: 86mm 54mm;
      margin: 21.12px 37.44px 0px 0.96px;
      }
      // body {
      //     zoom: 200%;
      // }
      <div style="color: rgb(24, 52, 155); padding-top: 40px; font-weight: bolder; margin-left: 24px;">0  1203  2940  5008  4992</div>
   </style>
</div>

Improve this question
6
  • why is javascript at all relevant to this question? this is likely a CSS issue Commented Jul 31, 2024 at 7:31
  • I have tagged it because there could be a solution of javascript. @JaromandaX Commented Jul 31, 2024 at 7:34
  • front end javascript can't fix backend java problem Commented Jul 31, 2024 at 8:02
  • 1
    @Ivar I have shared my code can you please check it Commented Jul 31, 2024 at 8:06
  • So you are saying that this is the default behaviour of the browser we can't fix is? @JaromandaX Commented Jul 31, 2024 at 8:08
Related questions
703
How to use HTML to print header and footer on every printed page of a document?
14
Vertical alignment of elements overlapping in IE
1
php echo html - margin-left is not working
Load 4 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.