iPrintのWEB改ページ指定方法

2023/10/12 16:44

このQ&Aのポイント

iPrintでWEBを印刷する際の改ページ指定方法を教えてください。
iPrintを使用して作成したWEBページで、CSSを使って改ページ指定を行いましたが、うまく改ページされません。
HTMLまたはCSSでの改ページ指定の方法を教えてください。

ベストアンサー

iPrintのWEB改ページ指定方法

2013/11/28 09:03

iPrintで印刷するWEBページを作成し、改ページ指定を CSSで以下の通り記述しましたが、改ページされませんでした。 iPrintでWEBを印刷する際の HTMLまたはCSSで改ページする指定方法を教えてください。 <html> <style type="text/css"> pagebreakafter{ page-break-after:always; } </style> <body> 1ページ目  <p class="pagebreakafter"></p> 2ページ目 </body> </html>

tkmtyshzw
お礼率100% (2/2)

その他(ソフトウェア)
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

papis
ベストアンサー率70% (3582/5078)

2013/11/28 10:24 回答No.1

iPrint（もしくは、iPrintに渡すブラウザ側？）が、「CSSのpage-break-afterプロパティを尊重しているかどうか」「指定した用紙に収めるためのレイアウト処理の優先順位」などにかかわる問題になってくると思いますので、これは、中の人じゃないとわからないかと思います...

質問者

お礼 2013/11/28 11:38

>中の人じゃないとわからないかと思います... そうですよね。。もう少しトライしてみます。有難うございました。

関連するQ&A

ページ印刷時、強制改ページのタグ
サイトのページの印刷時、強制改ページのタグ『<style="page-break-after: always">』を設置したのですが、Windowsは出来るのですが、Macでは反応しません。 WinMac両方ともに対応するタグはありませんか？
- ベストアンサー
- ホームページ作成ソフト
スタイルシートで位置固定すると、スタイルシートでの改ページ指定ができなくなる
スタイルシートのpositionを使用して位置固定すると、page-break-beforでの改ページができなくなります。位置固定し、かつ、その文字の直前で改ページする方法はないでしょうか？ブラウザはIE5.5以降を考えてます。 ====================================================================== <html> <body> <div style="position:absolute; top:100px;"> テスト１ </div> <div style="position:absolute; top:150px; page-break-before:always;"> テスト２(この文字の直前で改ページさせたい） </div> <div style="position:absolute; top:200px;"> テスト３ </div> </body> </html> ====================================================================== 宜しくお願いします。
- ベストアンサー
- HTML
webページの上余白をなくす方法
お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。この余白を消して、ページの一番上から画像を表示させる方法を教えてください。１．<body topmargin="0" marginheight="0"> この方法と、２．スタイルシートで <style type="text/css">  </style> この２つを試してみましたが、わずかに上部に余白がのこってしまいました。よろしくご回答お願いいたします。
- ベストアンサー
- ホームページ作成ソフト
JavaScriptのdiv.style属性の変更が反映されない：最後
JavaScriptのdiv.style属性の変更が反映されない：最後のDivタグを除いたすべてのDivタグに改ページ属性を有効にするようJavaScriptで制御したいと考えています。しかし、以下のようなプログラムでは、スタイル属性が更新されず改ページが実行されてしまうため、１枚真っ白な紙が印刷されることになってしまいます。こちらの意図したように動作させるにはどうしたらよいでしょうか。 <html> <head> <style> div.test { page-break-after:always; color:black; } </style> <script type="text/javascript"> window.onload = function() { var divs = document.getElementsByTagName('div'); for(i = divs.length - 1; i >= 0; i--){ if(divs[i].className == "test"){ divs[i].style.pageBreakAfter = ""; break; } } }; </script> </head> <body> <div class="test">テスト</div> <div class="test">テスト</div> <div class="test">テスト</div> </body> </html>
- ベストアンサー
- JavaScript
背景色を指定したのに反映されません。
CSSは外部ファイルに記述しています。画像のように色をつけたいのですが、うまくいきません。上端から150pxです。テキスト・画像を表示しないで背景色のみの表示もできますでしょうか? ・HTML <body>間のみ ※<head>間に<link rel="stylesheet" href="sample.css" type="text/css">の記述はあります。 <body> <div class="color1"><p class>文字など（できれば入れない）</p></div> </body> ・CSS（sample.css） <style type="text/css"> div.color1 { width: 100%; height: 150px; color: black; background-color: blue; } </style> 同じ階層?に両ファイルはあります。
- ベストアンサー
- CSS
印刷曜CSSがどこかおかしい・・・非常に困っています。。。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> <link rel="stylesheet" type="text/css" media="print" href="print.css"> <style type="text/css">  <style type="text/css" media="print"> .print { display: "none" } </style> </style> </head> <body> <span class="style1"><p class="print"><p class="print2"><a onclick="window.print();return false;" href="#" >おおお</a></p></p></span> とソースに記載すると、「おおお」が印刷されないと思うのですが、なぜか、「おおお」が印刷されてしまいます。どうすれば、「おおお」を印刷されなくなるのでしょうか？
- ベストアンサー
- HTML
ｆｃ２においてのフレームページについて
fc2で作ったページをメモ帳でフレームページにしているのですが fc2にアップロードしてプレビューすると左のメニュー欄しかでないんです。右のメインでは最初から出てくるページもメニューで指定することででてくるページも全部404Error - Page not foundになります。色々見渡して確認してみましたが、まだどこか見落としているみたいですので、どうか、間違いを指摘してくれませんでしょうか。 HTMLは以下のように作成しました：ファイルframe.html： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <TITLE>てすと</TITLE> </HEAD> <FRAMESET cols="180,*"> <FRAME src="m.menu.html" name="menu"> <FRAME src="top.html" name="main"> <noframes> <body> <p>このサイトはフレームを使用しております</p> </body> </noframes> </frameset> </html> ファイルright.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja" xml:lang="ja"> <head> <title>てすと２</title> <meta content="text/html; charset=SJIS" http-equiv="Content-Type" /> <meta content="text/css" http-equiv="Content-Style-Type" /><style type="text/css"> </style></head> <body><h6 style="text-align: center"> <a href="てすと３"target="main"><img alt="" src="イラストのアド" /></a> </h6> （本当はもっとあります；：ファイルleft.html： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>top</title> <meta http-equiv="Content-Type" content="text/html; charset=SJIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /><style type="text/css"> </style> </head> <body> <p style="text-align: center">いろいろ</p> </body> 何が駄目なのでしょうか・・もしかしたらほんのささいなことかもしれませんがご指摘お願いします、もし表示が不十分でしたら後に追加します
- ベストアンサー
- レンタルサーバ・ASP
pタグ　改行しない　文字位置指定
pタグを使うけど改行しない、なおかつ文字は中央に表示するとするにはどうすればいいでしょうか？ <style type="text/css"> p.mi{ text-align:center; display:inline; } </style> </head> <body> <p class="mi">テキスト</p>あああ </body> これだと、改行はされませんが、中央に表示されません。
- ベストアンサー
- HTML
htmlの記述。「右揃え」出来ません（困ってます）
こんばんは。質問の通り、右揃えになりません。タグ打ちで、制作中。初心者です。 =-=-=-=-=-=-=-=-=-=-=-=-=-= <html> <head> <title>～</title> <style type="text/css"> span.c { text-align: right; } </style> </head> <body><center> … <span class="c"><a href="toppage.html">■ to top-page ■</a></span> </center></body> </html> =-=-=-=-=-=-=-=-=-=-=-=-=-= ■ to toppage ■を右揃えにしたいです。 <span class=""></span>で部分を指定して、 <style type="text/css">span.c { text-align: right; }</style>で条件を指定したのですが、左揃え（条件指定が出来ていない状態）にしかなりません。 <center></center>がダメなのか？っと思い、<center></center>を除いてみましたが、ダメでした。 <span class=""></span>でうまく部分指定が出来ていないのかと思い、<style type="text/css">span.c { text-align: right; }</style>の{}内に、フォントサイズの指定をすると、サイズ変化しました。私的には、{ text-align: right; }が違うのかな？っと思っているのですが、分かりません。どこが間違っているのでしょうか？？というか、右揃えの仕方を教えて下さい。どんな方法でもいいです。
- ベストアンサー
- ブログ
スタイルシートで文字色を指定した時、改行させたくな
スタイルシートで文字色を指定した時、改行させたくないです。 <html> <head> <title>test</title> <style type="text/css"> p.red { color: red; } </style> </head> <body> a<p class="red">bcd</p> </body> </html> これをすると a bcd になってしまいます。実際は、 abcd にしたいです。 pタグは改行もされてしまうとのことですが、色を付けつつ改行しない方法はありますか？そもそもフォントに色を付けるだけで改行する機能も付いちゃうのが不思議です。
- ベストアンサー
- HTML