ホームページで写真が縦にズラ～ッと並んでいるページがあるとします。

質問

ホームページで写真が縦にズラ～ッと並んでいるページがあるとします。
そのまま印刷をすると中には写真の途中で次頁にまたがってしまうものがありますが、
ページの作成の仕方次第で例えば｢３枚で１頁｣等の指定が出来て、
１０枚の写真がある際には写真３枚の用紙が３頁+写真１枚の用紙が１頁と
ページ指定が可能だと聞いたのですが本当にそんなことが可能なのでしょうか？
調べても分らなかったものでどなたかお分かりになる方がいましたら
お力添えをお願い致します。

回答No.3

mtaka2 · ベストアンサー

スタイルシート(CSS)を使えば容易に可能です。

ページの頭にしたい、4枚目、7枚目、10枚目の画像表示のところで
page-break-before: always
を指定しておけば、その直前で改ページされます。

http://www.tagindex.com/stylesheet/page/page_break.html

また、media 指定を使えば、画面表示と印刷とでスタイルを切り替えることもできます。
http://www.stylish-style.com/csstec/hi-level/print-css.html

これを使えば、ナビゲーションリンクなどは印刷には出さないなど、
印刷専用のページレイアウトを作ることもできます。

お礼

改ページのプロパティがあるとは知らなかったので
かなり有益な情報になりました。
ありがとうございます。
ページのレイアウトや仕様が変わる可能性はありますが
今後も印刷にかんする問題が出てきそうなので
非常に助かりました！

回答No.4

ORUKA1951

印刷を想定されるページには、必ず印刷用スタイルシートを用意しましょう。
・・・くかもりとスタイルシート(プレゼンテーション)を分離せよといわれるのは、
　　まさしく、そのため・・・

時々利用するページですが、たとえば
ペットボトル握力計 ( http://iruka.la.coocan.jp/craft/HandDynamometer/index.html )
などは、余白をゼロにして印刷すると・・・
　表紙や目次、ページ数まで入れて印刷できますが、まったく同じHTMLです。
　携帯端末(PDA)、読み上げブラウザ、携帯電話、テキストブラウザ用にスタイルシートを用意するとかもできますね。

お礼

ＣＳＳは基礎的なことがようやくなレベルなので
印刷用のＣＳＳを作成するのは困難ですが、
ＣＳＳを使えばこのようなことも可能だと知り、
（印刷したくない部分を消す為、別ページを開く方法を取ってた）
今後の参考になりそうです。
その前にＣＳＳの勉強も必要ですが･･･
だけど、自分の中のＷＥＢの可能性が広がりました。
ありがとうございました！

回答No.2

nori_007

基本出来ないと思います。

ホームページを制作されたか方どのように印刷されるか意識して作っているか、また印刷の余白等はどなっているのか、等々の要因で簡単に印刷出来ません。またブラウザでも、IE6とIE7,IE8では印刷の挙動が違います。色々テストしてみるしかないと思います。

後はホームページを制作した方に、どのような条件で印刷するのが良いか確認されることです。

補足

作成も自分なんです。

ただ、同じく基本的に出来ないと思ってるのですが、
｢今の技術なら出来るはず｣と言われて困っていたのです。

けど、ブラウザやＩＥのバージョンで異なってくるとしたら
不特定多数の人が印刷するとなるとやはり困難なようですね･･･

回答No.1

noname#108428

印刷時の指定でなく、Webページ作成時の指定ってことなら、可能です。

例えば、その写真の縦寸法×3、と余白の合計が、
用紙の縦寸法を上回らないように設計すれば良いだけです。

補足

原理は分りました。
そして試してみて成功もしました。

しかし、印刷する人が不特定多数となると
余白の設定が個々に違ったり等で
｢完璧｣は難しそうですね。

でも、今後、他にも役立ちそうな
情報を得ることが出来ました。
ありがとうございました！