Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Печать HTML документа (https://javascript.ru/forum/misc/1945-pechat-html-dokumenta.html)

bassolo 17.08.2009 09:23

HTML:
<head>
<link href="css/main.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<input class="inp" type="text" name="txt" id="u3" value="0" size="2" maxlength="4">%<br>
<input class="button" style="height:100; width:100%" type="button" onclick="uklon()" value="Расчет" id=c><br>
<input class="button" type="reset" value="Очистить"></input>
<input class="button" type="submit" value="Печать" onclick="print_doc()"></input>
</body>

CSS:
* {display: none}
input {display: block; visibility: visible; border: 2px solid #000000;color: 000000;}

twolf 17.08.2009 12:50

у вас в HTML ошибка на ошибке.
- для input не нужен закрывающий тег
- (style="height:100; width:100%") не указана единица измерения
- значение в кавычки (id=c)
И в CSS забыли # в свойстве color

bassolo 17.08.2009 13:06

twolf,
прочитайте два предыдущих поста(№9,10).

Цитата:

Сообщение от twolf
для input не нужен закрывающий тег

он и не мешает...
Цитата:

Сообщение от twolf
(style="height:100; width:100%") не указана единица измерения

по умолчанию - пиксели
Цитата:

Сообщение от twolf
значение в кавычки (id=c)

работает и без кавычек
Цитата:

Сообщение от twolf
в CSS забыли # в свойстве color

работает и без #.

И все это не решает проблему:(

B~Vladi 17.08.2009 13:32

Цитата:

Сообщение от bassolo
он и не мешает...

Мда...
Цитата:

Сообщение от bassolo
по умолчанию - пиксели

Уверены?!
Цитата:

Сообщение от bassolo
работает и без #.

Жесть
Цитата:

Сообщение от bassolo
И все это не решает проблему

Пробовали?! С таким подходом ошибки у вас будут всегда.

bassolo 17.08.2009 13:50

B~Vladi,
ну, хорошо. Я исправил все перечисленные ошибки, хотя я всерьез думал, что это не ошибки. Все элементы отображались так, как задумано. Ну да ладно... Я все исправил, как посоветовалtwolf, но требуемого результата не достиг.
На странице все отображается, как надо, но на печать (через print.css) выводится пустая страница. Я пробовал убрать
* {display: none; }

Тогда печатается вся страница (что естественно...)
А мне нужно, чтобы печатались только <input>.

Плиз, хелп ми:)

B~Vladi 17.08.2009 14:03

* {display: none; }
input {display: block; !important }

twolf 17.08.2009 14:08

B~Vladi,
!important до ; должно быть.
да и не поможет это, т.к. причина не в специфичности.
* {display: none; } // 0,0,0,0
input {display: block;} //0,0,0,1

Не могу понять где ошибка.

B~Vladi 17.08.2009 14:11

Цитата:

Сообщение от twolf
!important до ; должно быть.

может быть, не помню я сейчас.

Поместите инпуты в форму(где им и место) и меняйте дисплей ей.

bassolo 17.08.2009 14:17

B~Vladi,
инпуты в формах.
в css :
form {display: block; visibility: visible; border: 2px solid #000000;color: #000000; }

все равно ничего нет.
да и нужна печать не всех инпутов.

twolf 17.08.2009 14:38

html, body {display: block;}
:)
про них совсем забыли. ведь * скрывает все теги.


Часовой пояс GMT +3, время: 22:56.