почему мой логотип виден во всех браузерах, но не виден при просмотре - PullRequest
Новая
       11

почему мой логотип виден во всех браузерах, но не виден при просмотре

0 голосов
/ 14 октября 2018

Я застрял с проблемой.Мне нужно распечатать страницу с логотипом, но проблема в том, что логотип отображается в браузере, но в предварительном просмотре печати (CTRL P) логотип не отображается.

За любые рекомендации я был бы очень благодарен.

enter image description here

Это html-код и код для печати css 

/* @@ removed here since they are specific to ASP.NET MVC */

@media print {
  @page {
    size: A4 landscape;
    max-height: 100%;
    max-width: 100%;
    position: fixed;
  }
  .prints {
    height: 19.2cm;
    page-break-after: avoid;
    border: black 1px solid;
  }
  .row {
    page-break-after: avoid;
  }
}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 30, 2018 */

label {
  font: c
}
<table align="center" style="padding-left:10px;">
  <tbody>
    <tr>
      <td colspan="3">
        <h4 style="text-align:center;padding-left:25px; font-family:Calibri"><b> CHALLAN FORM </b></h4>
      </td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>
        <div>
          <label style="padding-left:10px;width:145px;">
              <span style="line-height:1; width: 135px; font-size:26px; font-family:'Chursaechsische Fraktur';"><strong>Baitul Huda</strong></span>
              <span style="line-height:1;border:0px; width:100px; font-size:12px; font-family:'Adobe Devanagari';">High School For Girls</span>
          </label>
        </div>
      </td>
      <td rowspan="2" style="width:30px;padding-right:0px; padding-left: 10px;">
        <img src="~/images/nku_02.png" height="70" width="70" alt="Bail ul huda logo" />
      </td>
      <td style="padding-left:10px;">
        <div style="padding-left:5px;">
          <label style="width:120px;padding-top:0px;padding-bottom:0px;">
              <span style="line-height:0; width: 160px; font-size:26px; font-family:'UL Sajid Heading';">بیت الھدیٰ</span>
              <span style="line-height:1; width:100px;padding-left:10px; font-size:16px; font-family:'Al Qalam Quran 2A';">    ھایئ سکول فارگرلز</span>
          </label>
        </div>
      </td>
    </tr>

  </tbody>
</table>

enter image description here

1 Ответ

0 голосов
/ 19 октября 2018

Я нашел решение Img не появляется в режиме печати, потому что отсутствует div

<td rowspan="2">
      <div style="padding-left:10px;width:80px;height:50px">
            <img src="/images/offical_Logo_Baitul_Huda.jpeg" class="img-responsive" style="height:50px ; width:100px" alt="">
      </div>
</td>
Когда я добавляю div, начало логотипа отображается в виде печати
...