Мобильная версияTEST
.scha-css body {
margin-top: 0px;
margin-left: 0px;
}
.scha-css #page_1 {
position: relative;
overflow: hidden;
margin: 10px auto 46px auto;
padding: 0px;
border: 0px solid #000;
width: 816px;
color: #000000 !important;
}
.scha-css #page_1 #id_1 {
border: none;
margin: 0px 0px 0px 0px;
padding: 0px;
border: none;
width: 816px;
overflow: hidden;
}
.scha-css #page_1 #id_2 {
border: none;
margin: 20px auto;
padding: 0px;
border: none;
width: 768px;
overflow: hidden;
}
.scha-css .ft0 {
font: 13px "Arial";
line-height: 15px;
color: #000000;
}
.scha-css .ft1 {
font: 8px "Arial";
line-height: 10px;
color: #000000;
}
.scha-css .ft4 {
font: 8.5px "Arial";
line-height: 10px;
color: #000000;
}
.scha-css .ft5 {
font: 10px "Arial";
line-height: 12px;
color: #000000;
}
.scha-css .ft2 {
font: 16px "Arial";
line-height: 20px;
color: #000000;
}
.scha-css .ft22 {
font: bold 16px "Arial";
line-height: 18px;
color: #000000;
}
.scha-css .ft6 {
font: bold 12px "Arial";
line-height: 13px;
color: #000000;
}
.scha-css .ft8 {
font: 12px "Arial";
line-height: 14px;
color: #000000;
}
.scha-css .ft7 {
font: 10px "Arial";
line-height: 14px;
color: #000000;
}
.scha-css .ft10 {
font: 11px "Arial";
line-height: 14px;
color: #000000;
}
.scha-css .ft11 {
font: 11px "Arial";
margin-left: 0px;
line-height: 14px;
color: #000000;
}
.scha-css .p0 {
text-align: left;
padding-left: 15px;
margin-top: 0px;
margin-bottom: 0px;
}
.scha-css .p1 {
text-align: left;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
white-space: nowrap;
}
.scha-css .p2 {
text-align: center;
padding-right: 25px;
margin-top: 0px;
margin-bottom: 0px;
white-space: nowrap;
}
.scha-css .p3 {
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
white-space: nowrap;
}
.scha-css .p4 {
text-align: left;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.scha-css .p44 {
text-align: left;
padding-left: 14px;
margin-top: 0px;
margin-bottom: 0px;
}
.scha-css .p45 {
text-align: left;
padding-left: 0;
margin-top: 0px;
margin-bottom: 0px;
}
.scha-css .pb20 {
padding-bottom: 20px;
}
.scha-css .t0 {
width: 768px;
margin: 3px auto 0;
font: 8px "Arial";
}
.scha-css .p29 {
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
white-space: nowrap;
}
.scha-css .p28 {
text-align: center;
padding-left: 0;
margin-top: 29px;
margin-bottom: 0px;
font-weight: 600;
}
.scha-css .t4 {
width: 816px;
margin-left: 0px;
margin-top: 10px;
font: 13px "Arial";
color: #000;
}
.scha-css .tr0 {
height: 16px;
}
.scha-css .td145 {
padding: 0px;
margin: 0px;
width: 96px;
vertical-align: bottom;
}
.scha-css .td156 {
padding: 0px;
margin: 0px;
width: 397px;
vertical-align: bottom;
}
.scha-css #showBarcode1 {
margin-left: 80px;
}
.scha-css #showBarcode1 {
top: 5px !important;
width: 280px !important;
position: relative;
left: 13px !important;
}
.scha-css #showBarcode2 {
width: 280px !important;
position: absolute;
left: 16px !important;
top: 940px !important;
}
.scha-css #showBarcode3 {
width: 280px !important;
position: absolute;
left: 80px !important;
top: 1147px !important;
}
.scha-css #showBarcode19 {
top: 166.5px !important;
width: 420px !important;
position: relative;
left: 93px !important;
}
.scha-css #showBarcodeF {
bottom: -49.5px !important;
width: 280px !important;
position: absolute;
left: -9px !important;
}
.scha-css #showBarcodeF1 {
bottom: 13px !important;
width: 280px !important;
position: absolute;
left: 99px !important;
}
.scha-css #showBarcodeG {
top: 974.75px !important;
width: 280px !important;
position: absolute;
left: 13px !important;
}
.scha-css #showBarcodeG1 {
bottom: -11px !important;
width: 280px !important;
position: absolute;
left: 94px !important;
}
.scha-css #showBarcode1 div,
.scha-css #showBarcode2 div,
.scha-css #showBarcode3 div,
.scha-css #showBarcode19 div,
.scha-css #showBarcodeF div,
.scha-css #showBarcodeF1 div,
.scha-css #showBarcodeG div,
.scha-css #showBarcodeG1 div {
height: 20px !important;
}
.scha-css #showBarcode1 div:last-child,
.scha-css #showBarcode2 div:last-child,
.scha-css #showBarcode3 div:last-child,
.scha-css #showBarcode19 div:last-child,
.scha-css #showBarcodeF div:last-child,
.scha-css #showBarcodeF1 div:last-child,
.scha-css #showBarcodeG div:last-child,
.scha-css #showBarcodeG1 div:last-child {
position: relative;
top: -7px;
background-color: transparent !important;
font-family: "OCRAExtendedRegular";
font-weight: bold;
letter-spacing: -0.25px;
width: 248px !important;
margin-top: 0 !important;
}
.scha-css .custom-checkbox {
position: relative;
display: inline-block;
}
.scha-css .custom-checkbox > .box {
position: relative;
display: block;
width: 12px;
height: 12px;
background: url(/6in1revamp/prototype/src/assets/img/checkbox1.jpg) no-repeat;
}
.scha-css .custom-checkbox > .box > .tick {
background: url(/6in1revamp/prototype/src/assets/img/cross.png) no-repeat;
position: absolute;
left: 2px;
top: 2px;
width: 8px;
height: 8px;
display: none;
}
.scha-css .custom-checkbox > .box > .tick2 {
background: url(/6in1revamp/prototype/src/assets/img/stick.png) no-repeat;
position: absolute;
left: 0px;
top: 0px;
width: 14px;
height: 14px;
display: none;
}
.scha-css .custom-checkbox > input:checked + .box > .tick2 {
display: block;
}
.scha-css .custom-checkbox > input:checked + .box > .tick {
display: block;
}
.scha-css .custom-checkbox > input {
position: absolute;
outline: none;
left: 0;
top: 0;
padding: 0;
border: none;
margin: 0;
opacity: 0;
z-index: 1;
}
.scha-css .custom-checkbox > input:active + .box {
border-color: #aaa;
background-color: #ddd;
}
.scha-css .custom-checkbox {
position: relative;
display: inline-block;
}
.scha-css .custom-checkbox > .box {
position: relative;
display: block;
width: 12px;
height: 12px; /*background:url(checkbox1.jpg) no-repeat;*/
}
.scha-css .custom-checkbox > .box2 {
position: relative;
display: block;
width: 12px;
height: 12px;
background: url(/6in1revamp/prototype/src/assets/img/checkbox2.jpg) no-repeat;
}
.scha-css .custom-checkbox > .box2 > .tick {
background: url(/6in1revamp/prototype/src/assets/img/cross1.png) no-repeat;
position: absolute;
left: 2px;
top: 2px;
width: 8px;
height: 8px;
display: none;
}
.scha-css .custom-checkbox > input:checked + .box2 > .tick {
display: block;
}
.scha-css #page_1 input, .scha-css input[type=text], .scha-css input[disabled] {
height: 17px;
line-height: 16px;
color: #000000;
font-weight: bold;
font-size: 13px;
padding: 0 5px;
font-family: "Arial";
border: 1px solid #cccccc;
box-shadow: none !important;
}
.scha-css #page_1 textarea {
font-family: "Arial";
color: #000000;
font-weight: bold;
font-style: normal !important;
padding: 0 5px;
line-height: 15px;
}
.scha-css #page_1 textarea.yellowbg {
background-color: transparent !important;
}
.scha-css #page_1 input.yellowbg, .scha-css input[type=text].yellowbg {
background-color: transparent !important;
border: 0px solid #f9f9ce;
}
.scha-css #page_1 input.yellowbg-b, .scha-css input[type=text].yellowbg-b {
background-color: transparent !important;
border: 0px solid #cccccc;
}
.scha-css input[type=text]:focus {
box-shadow: none !important;
}
.scha-css textarea {
resize: none !important;
}
.scha-css select[disabled], .scha-css textarea[disabled], .scha-css input[readonly], .scha-css select[readonly], .scha-css textarea[readonly] {
background-color: transparent !important;
border: 0px solid #cccccc;
}
.scha-css input.prn_bords {
border-bottom: 0px solid #000 !important;
}
.scha-css .border-print {
border: 1px solid #000 !important;
}
.scha-css .border-printB {
border-bottom: 1px solid #000 !important;
}
.scha-css .border-printT {
border-top: 1px solid #000 !important;
}
.scha-css .border-printR {
border-right: 1px solid #000 !important;
}
.scha-css .border-printL {
border-left: 1px solid #000 !important;
}
.scha-css .button2 {
width: 73px;
margin: 0 0 0 0px;
line-height: 11px;
padding: 0px;
background-color: #;
text-align: center;
font-weight: bold;
font-size: 11px;
border: none;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #000;
}
.scha-css input.grey {
background-color: transparent !important;
}
.scha-css .redText {
color: #F00;
font-size: 11px;
font-weight: bold;
}
.scha-css .blueTxt {
color: #03F !important;
font-weight: bold;
font-size: 11px;
line-height: 12px;
}
.scha-css .quesM {
background-color: #66CDFF;
font-size: 13px;
padding: 0 3px;
text-align: center;
width: 10px;
color: #000;
}
.scha-css .boldT {
font-weight: bold !important;
}
.scha-css .vtop {
vertical-align: top;
}
.scha-css .m-0 {
margin: 0;
}
.scha-css .pdl-0 {
padding-left: 0;
}
.scha-css .pd2 {
padding: 2px;
}
@media print {
.scha-css input, .scha-css input:not([type]), .scha-css input[type=color], .scha-css input[type=email], .scha-css input[type=number], .scha-css input[type=password], .scha-css input[type=tel], .scha-css input[type=url], .scha-css input[type=text] {
border: none !important;
font-size: 13px;
font-weight: bold !important;
}
.scha-css .border-print {
border: 2px solid #000 !important;
}
.scha-css .border-printB {
border-bottom: 2px solid #000 !important;
}
.scha-css .border-printT {
border-top: 2px solid #000 !important;
}
.scha-css .border-printR {
border-right: 2px solid #000 !important;
}
.scha-css .border-printL {
border-left: 2px solid #000 !important;
}
.scha-css input.grey {
background-color: transparent !important;
}
Logo
ITEAM A
REAL ESTATE
NAME OF
NUMBER
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator. Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator. Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
Add
ITEM
NUMBER
INVENTORY
DESCRIPTION
AMOUNT
1
RE
1
RE
1
RE
1
RE
1
RE
TOTAL
90,000.00
< /code>
< /div>
< /div>
< /p>
Я хочу дизайн PDF с использованием HTML CSS и таблицы. Но проблема в том, что я хочу вертикальные границы до конца, и Tfoot всегда должен в нижней части страницы. Как я могу достичь этого с помощью HTML. Я использую DINKTOPDF для преобразования HTML в PDF. Как я могу это добиться? Я прикрепляю изображение для обстановки. Я хочу тот же результат PDF, что и изображение ниже. Я добавил код, что сделал то, что я сделал до тех пор.
Подробнее здесь: https://stackoverflow.com/questions/793 ... ble-till-t
