2009-03-18 4 views
0

Я пытаюсь сделать квитанцию ​​для печати веб-приложений для своего клиента (он попросил меня об этом). Я разместил таблицу и все, однако, когда я ее печатаю, я просто не могу заставить ее правильно печатать поля квитанций. Позвольте мне объяснить, что квитанции уже сделаны, поэтому я просто создаю место, где пользователь вводит все необходимые поля, а затем печатает его, как если бы он печатал обычную веб-страницу, являясь выходной бумагой этой квитанции (которая выглядит примерно как 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, это простой стол ... с полями ввода ...

+0

Очень трудно устранить проблему без кода. –

ответ

1

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

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

+0

Предварительный просмотр хороший, однако он полностью отпечатывается ... – Tsundoku

1

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

1

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

<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" /> 

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