印刷ボタンの表示について

[新着] Webテンプレートを仮オープンしました

0   名前： ばふんうに ： 2007/02/20（火） 11:12  ID:CP7l/r/w sub-gm
印刷用の案内地図ページを用意して、
そのページの下の方に印刷ボタンをつけたいと思っています。

「画面には表示されるけど、出力した紙にはボタンは表示されない」
ということは可能でしょうか。教えて下さい。

もちろん印刷ボタンはなくても印刷はできますが、
あったほうがより親切だなと思うので
付けたいなと思っています。
1   名前： key-child ： 2007/02/20（火） 11:12  ID:8GUFlW2K sub-DR
スタイルを適用させる出力メディアを指定する事ができます。

HTMLで出力メディアを分ける
<link rel="Stylesheet" type="text/css" href="CSSパス" media="出力メディア">
もしくは
<style type="text/css" media="出力メディア">

CSSで出力メディアを分ける
@media 出力メディア {
 body {
  ・・・
 }
}
@media 出力メディア {
 body {
  ・・・
 }
}

出力メディアについては下記を参考に
【HTML4.01仕様書邦訳】出力メディア
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/types.html#h-6.13


で、印刷時のスタイルに下記を入れておけば表示されません。
印刷ボタンを指すセレクタ {
 visibility: hidden;
}
もしくは
印刷ボタンを指すセレクタ {
 display: none;
}
上記２つの違いは下記を参考に
http://www.tagindex.com/stylesheet/box/visibility.html
http://www.tagindex.com/stylesheet/box/display.html
2   名前： ばふんうに ： 2007/02/20（火） 11:12  ID:CP7l/r/w sub-gm
key-child さん

丁寧な解説ありがとうございました。

おかげさまでボタンを消すことができました！
早速アップしたいと思います。
一覧へ戻る