• 締切済み

印刷用スタイルシートの作り方

スタイルシートを使ってWEBページを作り、印刷プレビューにすると、画像とかが、飛んでしまって、印刷範囲にないのですが、スタイルシートの記述で、印刷用に、外部スタイルシートを作るにはどうすればよいのでしょうか?よいサイトがあれば教えてください。

みんなの回答

  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.1

印刷用に別デザインを用意! 印刷専用のスタイルシートを作る - [ホームページ作成]All About http://allabout.co.jp/internet/hpcreate/closeup/CU20050728A/ 印刷専用ページを簡単に作るには(SSI版) - [ホームページ作成]All About http://allabout.co.jp/internet/hpcreate/closeup/CU20061013A/ スタイルシートでもBackgroundで指定した画像は、印刷時にユーザーが背景を印刷するように指定しないと印刷されませんよ。

tareko46
質問者

お礼

ありがとうございました。 早速実際に作成してみたいと思います。

関連するQ&A

  • スタイルシートのせいで、印刷がきちんとできません。

    スタイルシートの2カラムでサイトを作成しております。 はじめて、本格的にスタイルシートでレイアウトしたので、 四苦八苦しております。 できたサイトをFirefoxで印刷しようとすると、1ページ目と最後のページは印刷されるのですが、その途中のページが印刷されなく、プレビューにものりません。 これはFirefoxのバグとわかり、IEでやってみると、きちんとプレビューもされ、印刷できます。 ただ、それでも印刷すると、サイトの右端が切れてしまい、左端のメニューはなぜかすっかりなくなっています。 このような場合、どうすればきちんと印刷できるのでしょうか?

    • ベストアンサー
    • HTML
  • 印刷用スタイルシートがXPで反映されない

    某Webサイトを作っておりまして、いままではスタイルシートなんて派だったのですが、そうも言ってられなくなり、今回本格的に全面CSSで設定してみました。 で、一応サイトは出来たのですが、印刷するときに改ページ部分で行が欠けたり、ヘッダの画像と次のテキストまでが1ページ空いてしまったりします。 行間やテーブルのpaddingを設定したのが問題かと思って印刷用のスタイルシートを設定してみたのですが、Windows2000+IE6ではまったく問題ないのですが、XP SP2+IE6ではまったく反映されません。 これはバグでしょうか? 何か対処法がありましたら教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • 印刷用ページを作る際のCSSの使い方について

    Webサイトで申込用紙を印刷できるページを作りたいと思ってます。 この場合、閲覧用には固定スタイルシートと標準スタイルシートを使い、 印刷用には代替スタイルシートを使えば良いのでしょうか? その場合、代替スタイルシートに記述する場合、どうやって印刷範囲を指定するのでしょうか? ブラウザごとに印刷範囲が異なるということはあるのでしょうか? また、他に注意点はあるのでしょうか?

    • ベストアンサー
    • CSS
  • スタイルシートで印刷用のレイアウトの作り方

    こんにちわ スタイルシートでレイアウトしたWEBページの印刷用のレイアウトのことで悩んでいます。 WEBページはヘッダー部分、サイトナビゲーション部分、メニュー部分、コンテンツ部分、コピーライト部分とあるのですが印刷時にはヘッダー部分とコンテンツ部分とコピーライト部分のみ印刷できないかと考えています。印刷したくない部分をdisplay:noneのようにできませんか?

  • 外部スタイルシートについて

    いつもありがとうございます nenenomitiです。 先生方、今日もよろしくお願い致します。 ホームページビルダー9を使用して HP作成にあたっていますが 「外部スタイルシート」についての 記述がまったくありません。 私が今、困っていることは 1ページごとの文字サイズが違うことです 大量の情報を書き込む場合は 文字フォントを-1に設定していました そして、情報量の少ないページは見やすいように 普通サイズで書き込んでいます 第三者からのご意見はまだ聞いていませんが 自分でも見ていても なんか~おかしいような感じに見えます 外部スタイルシートを設定すると 1ページ毎に設定し直さなくても良いと 聞きました。 ただ、どんなサイトの説明を見ていても イマイチ、外部スタイルシート設置について 理解が出来ません。 どなたか私に判り易く説明を出来る方は おられませんでしょうか? よろしくおねがいいたします。

  • 外部スタイルシートが無効になってしまう

     ホームページビルダーにて外部スタイルシートを作り、文字の大きさを固定しました。 そして外部スタイルシートを任意のページにリンクし、文字に振りかけました。 プレビューで確認するとしっかり固定されているのですが、FTPで転送して そのページを見ると全く固定されていないのです。一体何が原因なのでしょうか? どうかお力を貸してください。よろしくお願い致します。

    • 締切済み
    • CSS
  • UTF-8を指定すると外部スタイルシートが効かなくなります。

    現在海外の方へ向けて英語のwebサイトを制作しており、 WinXPのDreamWeaverで作成し,全て英語で記述しているのですが、 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> ↑この記述から ↓この記述に書き換えると外部javascriptに記載されているスタイルシートが効かなくなります 。 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> スタイルシートは外部に記述しており、 HTMLファイルに記載されているスタイルシートは効いています。 javascriptにだけなぜスタイルシートが効かないのでしょうか? このような場合の解決策を知っていらっしゃる方がいたら、教えてください。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 外部スタイルシートについて

    「@rt web」というテンプレートを使いホームページ制作しようと考えていますが、そのテンプレートのスタイルシートは外部スタイルシートになっていません。 http://www.ddnj.com/product/hp/artweb/index.html これを簡単に外部スタイルシートにする方法はないものでしょうか? 簡単ではなくても外部スタイルシートに設定し直す手順を教えて頂けると助かります。 ソフトはDreamweaver4を使っています。 どうぞよろしくお願いします。

  • Excel で特定のシートを印刷されないようにする

    実は既に特定のシートだけ印刷されないブックがあるのですが、どのように設定した結果印刷されなくなったのかを知りたいのです。 そのブックで印刷されないシートは一番左の(普通にブック全体を印刷した場合は1ページ目になる)シートです。そのシートは色々と設定値を入れられるようになっていて、2ページ目以降のシートからその値が参照されています。 ブック全体を印刷しようとすると必ず2ページ目からが印刷対象になり1ページ目はプレビューすら出てきません。というか1ページ目としてプレビューされるのが2ページ目なんです。(元の1ページ目は印刷時には存在しなかったかのように扱われます)。 その存在が消されたかのような1ページ目を開いた状態で「作業中のシートを印刷」にしてプレビューさせようとすると「印刷する対象がありません」と出ます。本当に印刷時だけそのページが亡き者にされているのです。 ここで質問する前に検索して色々調べてみましたが、印刷範囲を1セルだけにしてそのセルの行を非表示にするという方法も見つけました。しかしこれをやるとプレビュー時にその空のページが1ページ目として出てきます。実際に印刷させるとその空白ページは出力されないのでこれが一番近いような気はするのですがちょっと違います。 なお、その印刷されないページで改ページプレビューをやってみましたが、全体が灰色になってどこにも印刷範囲が見当たりませんでした。どこか非表示になっている箇所があるに違いないと思って探してみましたが見つかりません。こんなシートってどうやったら作れるんでしょうか?

  • ホームページビルダーのスタイルシート

    ホームページビルダー9を使いながら、直接タグを打ってサイトを作成しているのですが、スタイルシートがうまく反映されません。 例えば、 th {padding:10px; text-align:left} は、ちゃんとスタイルシートマネージャーも認識して、プレビュー画面にも反映されるんですが、 td {padding:10px] h1 {font-size:24px} は、スタイルシートマネージャーに認識されません。もちろんプレビュー画面にも反映されず、ブラウザで確認しても同じ状態でした。 <STYLE type="text/css"><!-- --></STYLE>の間に記述しているので間違ってはいないと思うんですが・・・ また、スタイルシートを記述するとスタイルの最後に必ず【;】が挿入されてしまうんですが、これを自動的に挿入しないようにするのはどうしたらよいのでしょうか? よろしくお願いします。