痔になりやすい生活習慣とは?

CSSを使用して「A4 横」又は「A4 縦」で印刷させるように設定できるのでしょうか?

style.page や style.size でできるようなのですが、検索しても
設定例が見当たらなかったので質問しています。

お分かりの方がいましたら、設定例など教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

> CSSを使用して「A4 横」又は「A4 縦」で印刷させるように設定できるのでしょうか?


おそらく無理でしょう。
設定できたとしても、好きなように印刷時に変更出来るので無駄でしょう。

閲覧者は「A4 横」でも「A4 縦」でもまた、「B5 縦」でも印刷が可能であることを望んでいるはずです。
※1:閲覧者の印刷環境は様々だということです。(モノクロ・カラーなども考慮に入れましょう。)
※2:「印刷が可能」とは、必要な閲覧情報がすべて印刷されるということです。

印刷用CSSを設定するならばそこら辺を考慮して作成すべきです。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QIEで印刷の向きを固定したい

IEで印刷の向きを横で固定したいのですが。

ツールバーの印刷ボタンを押して印刷する場合、
現在の設定のまますぐに印刷されますよね。
ページ設定で一度設定したあとは、
そのブラウザでは、設定された向きで印刷されますが、
新しくブラウザを立ち上げて印刷すると縦に戻っています。
新しく立ち上げたブラウザで、印刷ボタンを押し、
横で印刷したいということです。

面倒くさがらずにやれとか、他のブラウザを使えという回答は要りません。

regeditを使用するという力技でも構いません。
宜しくお願いします。

Aベストアンサー

印刷の方向はIEの問題ではなくてプリンタのドライバの問題になると思います。
プリンタドライバで印刷方向を横向きに設定してもだめでしょうか?

ただ、今までの経験だとEPSONあたりのドライバは規定値の中に印刷方向がなくていちいち横宝庫に指定し直さなければならないことが多かったです。
この場合はどうしようもないです。

QIEの印刷でcssが無効になう

宜しくお願いします。

CSSを使って、DIVタグでレイアウトしています。TABLEでなくDIVだけで組むのは初チャレンジです。外部CSSを使用しています。

IE(Ver6)では、問題なくCSSが有効となって見えるのですが、印刷プレビュー及び印刷では、CSSが無効となりレイアウトが崩れてしまいます。DIV関係に限らず全てのCSSが無効です。

こんな経験は初めてで、何が悪いのかわかりません。

どこをチェックすれば良いのでしょうか?

Aベストアンサー

#2です。例題が悪かったです。(こうなっていると印刷にcssが効かないという例です。)
media="screen" になっているならこのCSSはscreenメディア(主にパソコンのディスプレイ)に対してだけ適用してください。という意味になります。
media="screen,print" と、すると画面と印刷の両方に適用されます。
(media="all"またはmedia自体を削除すれば全てのメディアに適用されます。)

Qwebの印刷で、デフォルトでA3を横に印刷する指定をしたい

あるサイトを構築しようと考えておりまして、お客様向けと社内向けの両方を構築する際、お客様向けはA4で収まりそうなのですが、社内向けは横幅が広いためA4では収まりません。
となると、A3で印刷になるのですが、プログラムでブラウザの指定(デフォルトではA4縦になってるかと思いますが)を、社内用はA3の横、一般のお客さんの画面はA4の横にすることは出来るのでしょうか。

ちなみに、今はPHP+Mysqlで考えていますが、PHPが印刷のことがあまり得意ではないようなので、別の案も検討中です。

Aベストアンサー

場合によってはIEならVBScriptでできそうですね。
そもそも印刷系の情報は個々のPC環境によりことなるため
ブラウザやプリンタに依存します。
それをサーバー側から強制するような方法は現実的ではありません。

Qサイト全体を縮小して印刷するには?

こんにちは。教えてください。
http://lexus.jp/
上記アドレスのサイトのように
横幅940pxと普通はA4縦では全てが印刷出来ないサイズのサイトでも
ブラウザから印刷するとサイト全体が縮小して
A4縦に収まって印刷される方法を教えてください。

JavaScript、css少しならわかります。
よろしくお願い致します!

Aベストアンサー

まず、このサイトは標準準拠モードではなく互換モードで作成されています。
(IEはプロパティにつくアンダーバーを無視する。
他のブラウザは仕様どおり存在しないプロパティ自体を無視する)

http://lexus.jp/models/common/css/import.css
から読み込まれる
http://lexus.jp/models/common/css/default.css
にある

@media print {
body {
_zoom: 0.68;
}
}

を読み込むことで印刷時のみzoomを効かせているんだと思います。

Minefield/Firefox,Opera,IE7にはShrink To Fitという
自動的にページ幅を基準とする機能が付いています。

MinefieldではScaleで調整し,
Operaでは[ファイル]-[印刷オプション]に「用紙幅におさめる」で有効になります。
IE6は上の指定で回避します。

ただし,IE7は標準でShrink To Fitであり,zoomプロパティを読み込んでしまうため,異様に小さく印刷されてしまいます。なのでShrink To Fitではなく100%で印刷した方が良いでしょう。

何故か俺の環境ではVPC上でしか動作しないSafariは,
VPCにプリンタドライバ入れなきゃいけないのが面倒なので検証していません。

まず、このサイトは標準準拠モードではなく互換モードで作成されています。
(IEはプロパティにつくアンダーバーを無視する。
他のブラウザは仕様どおり存在しないプロパティ自体を無視する)

http://lexus.jp/models/common/css/import.css
から読み込まれる
http://lexus.jp/models/common/css/default.css
にある

@media print {
body {
_zoom: 0.68;
}
}

を読み込むことで印刷時のみzoomを効かせているんだと思います。

Minefield/Firefox,Opera,IE7にはShrink To Fitという
自動的にペ...続きを読む

Q印刷時ヘッダーとフッターを挿入

印刷時ヘッダーとフッターを挿入
現在HPを作成しているのですが、来訪者がHPを印刷する時に、
フッターとヘッダーをこちらで指定しておくことは可能でしょうか?
ページ印刷時2枚以上になる場合全ページに同じヘッダーとフッターが
印刷されるようにしたいのです。
初心者なのであまり専門的なことまではわかりませんが、
html,Javascript,cgi,cssなどWindows環境で使用可能であれば基本言語は問いません。
わかる方いらっしゃいましたらご教授願います。

Aベストアンサー

共通のフッター部とヘッダー部を別途用意し、各ページに自動挿入するのは、
主にCGI(PHPとかPerl)のお仕事です。

Javascriptでやる時はAJAXと呼ばれる手法で、動的にコンテンツを
挿入出来ます。

ただし、プリント時にのみとなると、IEだけだったら、
window.onbeforeprint = functuon(){}で処理を書けますが、
一般的なブラウザーにこのイベントは無いです。(キーイベントで
PRINTキー押下を検知なんてのはいんちきですね)

やはり、全部のページに予めフッター部とヘッダー部を含めておいて、
普通はCSSで非標示にして、印刷用のCSSを作って、
<link rel="stylesheet" type="text/css"
href="/screen.css" media="screen">

.print_header{display:none;} <==注意:screen.cssの内容です。
                   この場に書くんじゃない

<link rel="stylesheet" type="text/css"
href="/print.css" media="print">

.print_header{display:block;} <==注意:print.cssの内容です。
                   この場に書くんじゃない


<body>

<div class="print_header">header部</div>

</body>
print.cssでのみdisplay:block;にするのがよいのでは..

共通のフッター部とヘッダー部を別途用意し、各ページに自動挿入するのは、
主にCGI(PHPとかPerl)のお仕事です。

Javascriptでやる時はAJAXと呼ばれる手法で、動的にコンテンツを
挿入出来ます。

ただし、プリント時にのみとなると、IEだけだったら、
window.onbeforeprint = functuon(){}で処理を書けますが、
一般的なブラウザーにこのイベントは無いです。(キーイベントで
PRINTキー押下を検知なんてのはいんちきですね)

やはり、全部のページに予めフッター部とヘッダー部を含めておいて、
普通はCSSで...続きを読む

QJavaScriptde途中で、「exit」するには?

function kensaku(){
s_data = document.kaiin_form.input_name.value;

if(!s_data){ alert("キーワードを入れて下さい!"); }

if(s_data != dumy){ ...... }
for(i=st_no;i<=n;i++){
......省略.................;
.......省略................}
}

----------------------------------
3行目で表示されたアラートをOKで閉じても、4行目以下が実行されてしまいます。
3行目でexitするにはどうすれば良いでしょうか?

Aベストアンサー

>関数(kensaku())からは抜けられませんでした。
そうですね、勘違いしていました、f(^^;
すみません。
if(!s_data){
alert("キーワードを入れて下さい!");
return;
}
ですね。

Q印刷範囲の指定はできますか?

現在、ホームページを制作しているのですが、A4紙に収まらないページがあるのです(写真が切れてしまいます)。
そこで、ページのある一部分(メインの部分)だけを印刷する、またはしないように指定したいのですが、可能でしょうか。

Aベストアンサー

スタイルシートを使えば可能ですよ。

印刷用のスタイルシートを適用すればよいのです。
http://linkage.xrea.jp/article/2004/07/make_mediacss.php

上記のサイトを参考にしていただければ分かりやすいと思いますが(やり方は二通りあります)

たとえば、次のページを用意します。
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print">
</head>
<body>
<div class="noprint">
ここは印刷したくない
</div>
<div>
ここは印刷したい
</div>
</body>
</html>

上のHTMLでprint.cssというファイルを読み込み指定していますよね。
このprint.cssというファイルを作ります。
この中に

.noprint{
display:none;
}

と書いてあれば、class="noprint"で指定された部分は印刷されません。

分かりますでしょうか?

参考URL:http://linkage.xrea.jp/article/2004/07/css2print.php

スタイルシートを使えば可能ですよ。

印刷用のスタイルシートを適用すればよいのです。
http://linkage.xrea.jp/article/2004/07/make_mediacss.php

上記のサイトを参考にしていただければ分かりやすいと思いますが(やり方は二通りあります)

たとえば、次のページを用意します。
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print">
</head>
<body>
<div class="noprint">
ここは印刷したくない
</div>
<div>
ここは印刷したい
</div>
</body>
</htm...続きを読む

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Qjavascriptでページ内の一部分だけを印刷する設定

ページを印刷するjavascriptを調べたところ、

<a href="javascript:window.print();">
印刷する</a>

というのが最も多く出てきました。
今回、ページ内のクーポンの部分だけを印刷する、
という設定にしたいのですが、その場合の記述方法を教えてください。

また上記の場合、<script>~</script> で
javascript自体の指令は必要ないんでしょうか。

Aベストアンサー

HTML上の印刷する部分を限定したいということですが、
こんな感じでどうでしょうか?

スタイルシートの設定のしかたで、ある程度近いことができると思います。
IE6ではこれで動いています。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title></title>
<style media=screen>
<!--
/*印刷時のみ表示*/
.prtOnly {display:none;}
// -->
</style>
<style media=print>
<!--
/*ブラウザのみ表示*/
.dspOnly {display:none;}
// -->
</style>
</head>
<body>
<!-- ブラウザ上のみ表示 -->
<div class="dspOnly">テスト</div><br>
<!-- 印刷時のみ表示 -->
<img src="test1.jpg" border="0" class="prtOnly"><br>
<!-- 両方表示 -->
<img src="test2.jpg" border="0" class="">
<br>
<br>
<a href="javascript:window.print();" class="dspOnly">
印刷する</a>

</body>
</html>


> また上記の場合、<script>~</script> で
> javascript自体の指令は必要ないんでしょうか。

javascript:window.print()←自体がJavaScriptの命令になって
いますので特に必要ありません。

※さらに複雑さ処理がやりたい場合は別ですが。

HTML上の印刷する部分を限定したいということですが、
こんな感じでどうでしょうか?

スタイルシートの設定のしかたで、ある程度近いことができると思います。
IE6ではこれで動いています。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title></title>
<style media=screen>
<!--
/*印刷時のみ表示*/
.prtOnly {display:none;}
// -->
</style>
<style media=print>
<!--
/*ブラウザのみ表示*/
.dspOnly {display:none;}
// -->
</style>
<...続きを読む

Q「印刷プレビュー」のボタンの取り付け方(テキストでも可)

お世話になります。

ホームページ作成でページに印刷に関するボタンやテキストをつけたいのですが
印刷プレビューボタン(テキスト)をつけたいですが、検索してもよくわかりません。
印刷はわかりました。

<input type="button" value="印刷ボタン" onclick="print()">

「ファイル - 印刷プレビュー 」という作業をするところを
ページ上にボタン(またはテキスト)をつけたいのです。
上に書いてある「印刷」を行うような動きをさせたいのです。
ブラウザ依存で構いません。

どう書けば良いのでしょうか?
若しくは無理なのでしょうか?

Aベストアンサー

以下のようにするとできるようですが
JScriptのActiveXObjectを使うのでIEのみで動きます。
それ以外のブラウザではエラー回避していますので
エラーとはなりませんが動きません。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>印刷プレビュー</title>
<script>
function PrintPreview()
{
if(window.ActiveXObject == null || document.body.insertAdjacentHTML == null) return;
var sWebBrowserCode = '<object width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>';
document.body.insertAdjacentHTML('beforeEnd', sWebBrowserCode);
var objWebBrowser = document.body.lastChild;
if(objWebBrowser == null) return;
objWebBrowser.ExecWB(7, 1);
document.body.removeChild(objWebBrowser);
}
</script>
</head>
<body>
<form name="form">
<input type="button" value="PrintPreview" onclick="PrintPreview();">
</form>
</body>
</html>

以下のようにするとできるようですが
JScriptのActiveXObjectを使うのでIEのみで動きます。
それ以外のブラウザではエラー回避していますので
エラーとはなりませんが動きません。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>印刷プレビュー</title>
<script>
function PrintPreview()
{
if(window.ActiveXObject == null || document.body.insertAdjacentHTML == null) return;
var sWebBrowserCode = '<object width="0" height="0" cl...続きを読む


人気Q&Aランキング