WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:特定のオブジェクトを印刷しない

0:[投稿] mazda [2002/08/20 17:08 ][環境:UNIX系+IE UNIX系+OTHER]

はじめまして。
やりたいことは、WEBページ上に表示されたボタンを
印刷したくないため、印刷の対象から除外するようなタグや、
スタイルシートはあるのでしょうか?


1:[回答] さっぱり★ [2002/08/20 20:56 ]

@media print {
button{display:none}
}


2:[回答] mazda [2002/08/21 08:52 ]

ありがとうございます。
しかしこれでは、表示すらされないのではないのでしょうか?
画面上に表示はしたいけど、印刷時に印刷したくないのですが・・・


3:[回答] hama [2002/08/21 09:35 ]

試したのですか?
@media printの意味はわかってますか?

NN4だと無視されますが、
IEやNetscape6なら望み通りになるはず


4:[回答] ナン [2002/08/21 09:41 ]

>>2
試してみましたか?
少なくともWIN98-IE6では、大丈夫でしたよ。


5:[回答] ナン [2002/08/21 09:43 ]

もたもた、ためしていたら(以下略)。


6:[回答] mazda [2002/08/22 15:58 ]

やっぱりだめです・・・
<style>
@media print {
button{display:none;}
}
</style>
と書いておけば、自動的にボタンは非印刷になるんですよね?
それとも、ボタンのほうにも何か追加がいるのでしょうか?


7:[回答] ナン [2002/08/22 16:05 ]

>UNIX系+IE
具体的な環境(OS,UA等のバージョン)を教えてください。


8:[回答] mazda [2002/08/22 16:10 ]

サーバーはredhatLinux7.2
クライアントはwin2000
ブラウザはIE6.0
と、なっています。


9:[回答] きう [2002/08/22 16:36 ]

これだけでわかるか?

<HTML>
<HEAD>

<style>
@media print {
button{display:none;}
}
</style>
</HEAD>
<BODY>
<FORM>
<BUTTON>でない</BUTTON>
<INPUT type="button" VALUE="でる">
</FORM>
</BODY>
</HTML>


10:[回答] きう [2002/08/22 16:38 ]

あぁ
なんか偉そうなかきかたになってる(汗

ようはBUTTONタグのボタンは消えるけど
INPUTタグのボタンは消えないってことです。
CLASSかなんかで指定かな?


11:[回答] ween [2002/08/22 16:40 ]

そのボタンは、どんな風に記述していますか?
<button>...</button> ですか?
<input type=button> ですか?
<a href="..."><img src="..."></a> ですか?


12:[完了] mazda [2002/08/22 16:45 ]

きうさん、ありがとうございます。
やっと理解できました。はじめからずっと、
<input type="button" onClick="javascript:window.close();" value="閉じる">
が消したかったのです。
@media print {
input{display:none;}
}
としたら、消えてくれました。
どうもありがとうございました。


13:[完了] popo [2002/08/22 16:58 ]

おそかった。多分これでもOKなので、乗せておきます。

<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<STYLE type="text/css" MEDIA="print">
<!--
@media print{
    .button{
        display: none;
    }
}
-->
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
TEST この下にボタンがあります。<br />
<input type="button" name="submit" value="送信" class="button">
</body>
</html>


14:[完了] ナン [2002/08/22 17:00 ]

ちなみに、
@media print {
input[type="button"] {display:none}
}
で、NN6は解釈してくれました。IE6はNGです。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World