LinkedIn
Twitter
Hello, can anyone help me with this error when inserting an image?
I have 3 images to be inserted, two logo and a watermark
my code
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A4 HTML Template Portrait</title>
<style>
@Page {
size: A4 portrait; /* Change page orientation to portrait */
margin: 0px 10px 0px 10px ;
}
@Media print {
.pagebreak {
page-break-before: always;
}
}
body {
margin: 0;
font-family: Arial, sans-serif;
}
.container {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
.watermark {
background-image: url(https://drive.google.com/uc?export=view&id=1ilENPf62QuuzCOid-3bp74zMQZpiDKd7);
background-size: 500px;
background-repeat: no-repeat;
background-position: center;
}
.text-0 {
text-align: center;
margin: 0px;
color: #B8112F;
}
.text-1 {
padding: 10px;
margin: 0px;
text-align: left;
color: #B8112F;
font-weight: bold;
border-top: 1px solid black;
}
.text-2 {
padding-left: 20px;
text-align: left;
color: #B8112F;
font-weight: bold;
}
.text-3 {
padding-left: 40px;
text-align: left;
font-weight: bold;
}
.text-4 {
padding-left: 60px;
text-align: left;
font-weight: normal;
}
p {
line-height: 1.5;
margin: 0;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 0px;
margin-bottom: 0px;
}
th, td {
padding: 7px;
text-align: left;
}
th {
font-weight: bold;
}
td {
vertical-align: top;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
/* Additional styling can be added here */
</style>
</head>
<body>
<div class="container" style="padding-top: 30px;">
<table>
<colgroup>
<col style="width: 27%;"/>
<col style="width: 46%;"/>
<col style="width: 27%;"/>
</colgroup>
<thead>
<tr class="header">
<td style="vertical-align: middle;"><img
src="https://drive.google.com/uc?export=view&id=1Tbrj7g1z0gflEMaD1Ax58UU55xxNOYRV"
width="150px">
</td>
<td style="vertical-align: middle;"><h1 class="text-0">Fechamento</h1><p style="text-align: center;">Boi</p></td>
<td style="text-align: right; vertical-align: middle; padding-right: 20px;">
<b>Data Inicial: </b><<[Data Inicial]>><br>
<b>Data Final: </b><<[Data Final]>>
</td>
</tr>
</thead>
</table>
</div>
<div class="container">
<p style="text-align: right; padding-right: 20px; padding-bottom: 10px;">Página 1 de 2</p>
</div>
<div class="container watermark">
<h3 class="text-1">Resumo Fechamento</h3>
<table>
<tr>
<td class="text-2">➔ Carne</td>
</tr>
<tr>
<th class="text-3" style="padding-top: 0px;">Total Estimado</th>
<th style="padding-top: 0px;"><<[Total Estimado (Kg)]>> Kg</th>
<th style="padding-top: 0px;"></th>
<th style="padding-top: 0px;"><<[Total Estimado (R$)]>></th>
</tr>
<tr>
<td class="text-4" style="padding-top: 0px;">Estimado Peu</td>
<td style="padding-top: 0px;"><<[Total Estimado (Kg)]>> Kg</td>
<td style="text-align: right; padding-top: 0px;">+</td>
<td style="padding-top: 0px;"><<[Total Estimado (R$)]>></td>
</tr>
<tr>
<th class="text-3" style="padding-top: 0px;">Total Carne</th>
<th style="padding-top: 0px;"><<[Total Carne (Kg)]>> Kg</th>
</tr>
<tr>
<th class="text-3" style="padding-top: 0px;">Total Acréscimo</th>
<th style="padding-top: 0px;"><p><<IF:[Total Acréscimo (Kg)]>0>><<[Total Acréscimo (Kg)]>> Kg (+<<[Total Acréscimo (%)]>>)<<ENDIF>><<IF:[Total Acréscimo (Kg)]<0>><<[Total Acréscimo (Kg)]>> Kg (<<[Total Acréscimo (%)]>>)<<ENDIF>></p></th>
<th style="padding-top: 0px;"></th>
<th style="padding-top: 0px;"><<[Total Acréscimo (R$)]>></th>
</tr>
<tr>
<td class="text-4" style="padding-top: 0px;">Acréscimo Peu</td>
<td style="padding-top: 0px;"><<[Acréscimo Peu (Kg)]>> Kg</td>
<td style="text-align: right; padding-top: 0px;">+</td>
<td style="padding-top: 0px;"><<[Acréscimo Peu (R$)]>></td>
</tr>
<tr>
<td class="text-4" style="padding-top: 0px;">Acréscimo Una</td>
<td style="padding-top: 0px;"><<[Acréscimo Una (Kg)]>> Kg</td>
<td style="text-align: right; padding-top: 0px;">+</td>
<td style="padding-top: 0px;"><<[Acréscimo Una (R$)]>></td>
</tr>
<tr>
<th class="text-3" style="padding-top: 0px;">Total Diversos</th>
<th style="padding-top: 0px;"><<[Total Diversos (Kg)]>> Kg</th>
</tr>
<tr>
<td class="text-2">➔ Frete</td>
</tr>
<tr>
<th class="text-3" style="padding-top: 0px;">Total Frete</th>
<th style="padding-top: 0px;"><<[Total Frete (Qtde)]>> Viagens</th>
<th style="padding-top: 0px;"></th>
<th style="padding-top: 0px;"><<[Total Frete (R$)]>></th>
</tr>
<tr>
<td class="text-4" style="padding-top: 0px;">Frete Peu</td>
<td style="padding-top: 0px;"><<[Frete Peu (Qtde)]>> Viagens</td>
<td style="text-align: right; padding-top: 0px;">+</td>
<td style="padding-top: 0px;"><<[Frete Peu (R$)]>></td>
</tr>
<tr>
<td class="text-4" style="padding-top: 0px;">Frete Una</td>
<td style="padding-top: 0px;"><<[Frete Una (Qtde)]>> Viagens</td>
<td style="text-align: right; padding-top: 0px;">-</td>
<td style="padding-top: 0px;"><<[Frete Una (R$)]>></td>
</tr>
<tr>
<td class="text-2">➔ Pagamento</td>
</tr>
<tr>
<th class="text-3" style="padding-top: 0px;">Total Pagamento</th>
<th style="padding-top: 0px;"><<[Total Pagamento]>></th>
</tr>
<tr>
<td class="text-4" style="padding-top: 0px;">Frete Peu</td>
<td style="padding-top: 0px;"><<[Líquido Peu]>></td>
</tr>
<tr>
<td class="text-4" style="padding-top: 0px;">Frete Una</td>
<td style="padding-top: 0px;"><<[Líquido Una]>></td>
</tr>
<tr><td></td></tr>
</table>
</div>
<div class="container">
<h3 class="text-1">Observações</h3>
<table>
<tr>
<td style="padding-left: 20px; padding-top: 10px;"><b>Descrição: </b><<[Descrição]>></td>
</tr>
<tr>
<td style="padding-left: 20px; padding-top: 0px;"><b>Tags: </b><<[Tags]>></td>
</tr>
<tr>
<td style="padding-left: 20px; padding-top: 0px;"><b>Comentário: </b><<[Comentário]>></td>
</tr>
<tr><td></td></tr>
</table>
</div>
<div class="pagebreak"> </div>
<div class="container" style="padding-top: 30px;">
<table>
<colgroup>
<col style="width: 27%;"/>
<col style="width: 46%;"/>
<col style="width: 27%;"/>
</colgroup>
<thead>
<tr class="header">
<td style="vertical-align: middle;"><img
src="https://drive.google.com/uc?export=view&id=1Tbrj7g1z0gflEMaD1Ax58UU55xxNOYRV"
width="150px">
</td>
<td style="vertical-align: middle;"><h1 class="text-0">Fechamento</h1><p style="text-align: center;">Boi</p></td>
<td style="text-align: right; vertical-align: middle; padding-right: 20px;">
<b>Data Inicial: </b><<[Data Inicial]>><br>
<b>Data Final: </b><<[Data Final]>>
</td>
</tr>
</thead>
</table>
</div>
<div class="container">
<p style="text-align: right; padding-right: 20px; padding-bottom: 10px;">Página 2 de 2</p>
</div>
<div class="container watermark">
<h3 class="text-1">Histórico de Entrada</h3>
<table>
<tr>
<th class="text-left" style="padding-left: 20px; padding-bottom: 0px;">Data</th>
<th class="text-right" style="padding-bottom: 0px;">Total Fazenda</th>
<th class="text-right" style="padding-bottom: 0px;">Total Estimado</th>
<th class="text-right" style="padding-bottom: 0px;">Total Carne</th>
<th class="text-right" style="padding-right: 30px; padding-bottom: 0px;">Acréscimo</th>
</tr>
<tr>
<td class="text-left" style="padding-left: 20px;"><p><<START:[Histórico de Entradas]>><<[Data]>></p></td>
<td class="text-right"><<[Total Fazenda (Kg)]>> Kg<br><p style="color: #808080;"><<[Valor Kg]>>/Kg</p></td>
<td class="text-right"><<[Total Estimado (Kg)]>> Kg<br><p style="color: #808080;"><<[Total Estimado (R$)]>></p></td>
<td class="text-right"><<[Total Carne (Kg)]>> Kg</td>
<td class="text-right" style="padding-right: 30px;"><p><<IF:[Total Acréscimo (Kg)]>0>>+ <<[Total Acréscimo (Kg)]>> Kg (+<<[Total Acréscimo (%)]>>)<<ENDIF>><<IF:[Total Acréscimo (Kg)]<0>><<[Total Acréscimo (Kg)]>> Kg (<<[Total Acréscimo (%)]>>)<<ENDIF>><<IF:[Total Acréscimo (Kg)]=0>> 0,00 Kg (0,00%)<<ENDIF>></p><p style="color: #808080;"><<[Total Acréscimo (R$)]>><<END>></p></td>
</tr>
<tr><td></td></tr>
</table>
</div>
</body>
</html>
Solved
1 ACCEPTED SOLUTION
