Печать квитанций - PullRequest
       25

Печать квитанций

0 голосов
/ 18 марта 2009

Я пытаюсь сделать так, чтобы веб-приложение печатало квитанции для моего клиента (он попросил меня об этом). Я разместил таблицу и все, однако, когда я ее печатаю, я просто не могу заставить ее правильно печатать в поля квитанции. Позвольте мне объяснить, квитанции уже сделаны, поэтому я просто создаю место, где пользователь вводит все обязательные поля, а затем печатает его, как будто печатает обычную веб-страницу, являясь выходной бумагой этой квитанции (которая выглядит как this ) В любом случае я пытался переместиться туда, где принтер печатает, используя "print" css, но он просто не подчиняется ... кроме того, текст стал немного маленьким (я действительно не знаю почему) и, честно говоря, понятия не имею, как с этим справиться = / ... кто-нибудь там знает?


Изменить для кода

* {
    /* old-style reset here :) */
    border: 0px;
    padding: 0px;
}
table {
    left:0px;
    top:0px;
}
td, th {
    text-align: center;
    vertical-align: middle;
    color: #000;
}

input{
    outline:none;
}

.borde{
    background-color:#0FC;
    border: solid 2px #0FF;

}

HTML - это простая таблица ... с полями ввода ...

Ответы [ 3 ]

1 голос
/ 18 марта 2009

Если вы не указали где-то таблицу, чтобы иметь позицию: абсолютная, вы должны добавить ее в CSS для элемента таблицы. Я не уверен, как все браузеры справляются с этим, но он должен иметь это в любом случае.

1 голос
/ 20 марта 2009

Если вы обслуживаете несколько таблиц стилей, вам необходимо убедиться, что они не применяются одновременно. Например:

<link type="text/css" rel="stylesheet" src="default.css" />
<link type="text/css" rel="stylesheet" src="default.css" media="print" />

будет применять обе таблицы стилей при печати, но только первую при других обстоятельствах.

Если вы только хотите, чтобы ваша таблица стилей печати применялась при печати, вам нужно указать носитель для всех ваших таблиц стилей. Что-то вроде:

<link type="text/css" rel="stylesheet" src="default.css" media="screen, projection" />
<link type="text/css" rel="stylesheet" src="default.css" media="print" />

и будет применена только таблица стилей печати. ​​

1 голос
/ 18 марта 2009

Эта тема может помочь. Там есть несколько хороших ссылок, связанных с вашей проблемой.

Кроме того, как он показывает предварительный просмотр? Можете поделиться кодом?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...