En mi página web hice una tabla, en ella ocupo colores de fondo especificos al desear imprimir la tabla como pdf los fondos de la tabla se borran, como puedo mantener el formato que le doy?
| |
|
| Nombre: |
|
Nombre: |
|
| Puesto: |
|
Puesto: |
|
| Firma: |
|
Firma: |
|
| |
|
ya intente agregando clases, por ejemplo:
@media print {
.area-firmas
{
background-color: rgb(204, 204, 204);
}
.separador-rojo
{
background-color: rgb(179, 4, 4);
}
}
pero lo ignora.
que puedo hacer?
En mi página web hice una tabla, en ella ocupo colores de fondo especificos al desear imprimir la tabla como pdf los fondos de la tabla se borran, como puedo mantener el formato que le doy?
<table class="aligncenter" style="width: 1200px; border: 1px solid #aaa;">
<tbody>
<tr>
<td class="separador-rojo" style="width: 300px; height: 40px; background-color: #b30404;" colspan="2"> </td>
<td class="separador-rojo" style="width: 300px; height: 40px; background-color: #b30404;" colspan="2"> </td>
</tr>
<tr>
<td style="width: 150px; height: 40px; border-color: #ffffff; text-align: left; vertical-align: middle; padding-left: 30px;"><strong>Nombre:</strong></td>
<td style="width: 450px; height: 40px; border-width: 1px; border-color: #fff #fff #777 #fff; border-style: solid;"> </td>
<td style="width: 150px; height: 40px; border-color: #ffffff; text-align: left; vertical-align: middle; padding-left: 30px;"><strong>Nombre:</strong></td>
<td style="width: 450px; height: 40px; border-width: 1px; border-color: #fff #fff #777 #fff; border-style: solid;"> </td>
</tr>
<tr>
<td style="width: 150px; height: 40px; border-color: #ffffff; text-align: left; vertical-align: middle; padding-left: 30px;"><strong>Puesto:</strong></td>
<td style="width: 450px; height: 40px; border-width: 1px; border-color: #fff #fff #777 #fff; border-style: solid;"> </td>
<td style="width: 150px; height: 40px; border-color: #ffffff; text-align: left; vertical-align: middle; padding-left: 30px;"><strong>Puesto:</strong></td>
<td style="width: 450px; height: 40px; border-width: 1px; border-color: #fff #fff #777 #fff; border-style: solid;"> </td>
</tr>
<tr>
<td style="width: 150px; height: 40px; border-color: #ffffff; text-align: left; vertical-align: middle; padding-left: 30px;"><strong>Firma:</strong></td>
<td class="area-firma" style="width: 450px; height: 40px; background-color: #cccccc;" rowspan="2"> </td>
<td style="width: 150px; height: 40px; border-color: #ffffff; text-align: left; vertical-align: middle; padding-left: 30px;"><strong>Firma:</strong></td>
<td class="area-firma" style="width: 450px; height: 40px; background-color: #cccccc;" rowspan="2"> </td>
</tr>
<tr>
<td style="width: 150px; height: 40px; border-color: #ffffff; text-align: left; vertical-align: middle;"> </td>
<td style="width: 150px; height: 40px; border-color: #ffffff; text-align: left; vertical-align: middle;"> </td>
</tr>
</tbody>
</table>
ya intente agregando clases, por ejemplo:
@media print {
.area-firmas
{
background-color: rgb(204, 204, 204);
}
.separador-rojo
{
background-color: rgb(179, 4, 4);
}
}
pero lo ignora.
que puedo hacer?
