ホームページの印刷が文字のみになる

質問

ホームページを印刷したら全て文字のみになるページがあります。見たまま印刷したいのですが「背景の色とイメージを印刷する」にチェックは関係ありませんでした。詳しくないのですが、どうもhtmlやcssのような気がします。誰か詳しい方教えて下さい。宜しくお願いします。

回答No.2

salonpath · ベストアンサー

あー自分のサイトなんですか？
じゃあ他の方法を。

とりあえず背景を印刷にチェックを入れても印刷されてないって事は
そのテンプレのcssが印刷に対応させてないわけです。

htmlのヘッダー部分で外部cssを読み込んでる箇所があると思うのですが
そこにmedia="～～"という指定がありますか？

[例]---（media="screen"の部分です）
<link rel="stylesheet" type="text/css" href="css/import.css" media="screen" />

上記例のようにmediaがあったら
media="screen,print"
のようにprintを追加してみてください

もしmedia属性が無かったら
media="all"
か
media="screen,print"
を追加してみてください。

screenは、PCモニターにcssを適応させる指定で
printは、印刷時にcssを適応させる指定です。

■メディアタイプについての説明
http://msugai.fc2web.com/web/CSS/media.html

お礼

有難うございます！うまくいきました。感謝感謝です！！

回答No.3

ORUKA1951

肝心な情報がいくつか抜けていますので、適切なアドバイスは不可能でしょう。
(目的)
　作成した自分のページを他の人に出力してもらう時に文字のみでは嫌なので
　ということですね。

　印刷は出力端末が違うので、印刷を出力メディアに想定するなら・・まあ他人のページを印刷したい物好きがいるかいないかは別にして・・・、印刷用のスタイルシートを用意すれば良いです。
　たとえば
スーパー輪投げ(Super Quoits) ( http://iruka.la.coocan.jp/craft/Quoits/recipe.html )

　もっと画面(screen)と印刷(print)の表現を変えることもできますし、ほとんど同じに見えるよう設定もできます。
【重要】
　「スクリーンと同じに印刷したい」というのはHTMLへの間違った認識で、「印刷用にスタイルシートを用意する」という風に考えないとなりません。
　製版ソフトのように印刷物を作成するならPDFで作成しましょう。

お礼

回答ありがとうございます。うまくいきました。有難うございました。

回答No.1

salonpath

cssでレイアウトしてるページはスクリーンで見たまんまを印刷できないのでプリントスクリーンして印刷するしかないです、たぶん。

スクロールが必要な長いWebページを1枚の画像でキャプチャしてくれるソフトもあるみたいです。
winでしたら
FastStone Capture（非商用ならフリー）
http://www.forest.impress.co.jp/article/2006/10/02/fscapture.html

html2img（シェア）
http://www.vector.co.jp/soft/win95/art/se248113.html

お礼

早々の御回答ありがとうございます！　送信した後で「PrintScreen以外で」と書くのを忘れていました。でも対処するソフトがフリーであるんですね。教えて下さってありがとうございます。ホームページの無料テンプレートを加工しているのですが、作成した自分のページを他の人に出力してもらう時に文字のみでは嫌なのでもう少し待ってみますね。