【 ＨＰ作成質問箱 】

新しい質問は「新規入力」ボタンをクリックしてください。
| Back | Page-22

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.9040　ホームページ印刷時の設定について
[ぽこぱぱ] [ブラウザ]　 07/02/05 (月) 19:05
先日はお世話になりました。おかげさまで少しずつではありますがホームページを作成できています。

今回教えていただきたいのは印刷用の設定についてです。

１）ＤＩＶでそれぞれのＢＯＸを作ってレイアウトを作っています。印刷しようとプレビューを表示すると右の段組が下の方へずれてしまいます。なぜそのようになるかが分かりません。

２）どのページもタイトル部分やナビ部分は同じです。印刷時にコンテンツの部分だけを印刷するようにできれば，もうちょっと幅を使えると思うのですが，ＨＰの中にそのような設定を埋め込むことができますか？

要を得ない説明かと思いますが，よろしく御指導下さい。
▼
▼
▼
　 No.9041　Re:ホームページ印刷時の設定について
[atom] [ブラウザ]　 07/02/05 (月) 20:21
１）について
問題点だけを言うなら「#news」の「WIDTH: 340px;」を「WIDTH: 330px;」に変更すれば、正しくプレビューが表示されました。

それと、細かくはわかりませんが、各パーツの合計横幅が表示可能横幅を超えてると思われます。
もう一度、細かく計算されたほうがいいと思います。

表示可能幅 ＝ widthの幅 －－ 左右のpadding幅
表示に必要な幅 ＝ widthの幅 ＋ 左右のmargin幅

２）については、特殊機能になります。
HTMLは文書整形機能しかありませんから、基本的にプログラムコントロールのような機能は期待しないほうがよいでしょう。

望むなら、全体のデザインを再考したほうが無難です。
▼
▼
▼
　 No.9042　Re^2:ホームページ印刷時の設定について
[ぽこぱぱ] [ブラウザ]　 07/02/05 (月) 21:00
> 問題点だけを言うなら「#news」の「WIDTH: 340px;」を「WIDTH: 330px;」に変更すれば、正しくプレビューが表示されました。
> それと、細かくはわかりませんが、各パーツの合計横幅が表示可能横幅を超えてると思われます。
> もう一度、細かく計算されたほうがいいと思います。

早速の御回答ありがとうございます。早速試してみます。

>２）については、特殊機能になります。

難しそうですね。日経ＢＰのＨＰでそのような形を見かけたので，自分でもできればと思ったのですが・・・さらに精進したいと思います。ありがとうございました。
▼
▼
▼
　 No.9043　Re^3:ホームページ印刷時の設定について
[atom] [ブラウザ]　 07/02/05 (月) 21:59
> >２）については、特殊機能になります。
> 難しそうですね。日経ＢＰのＨＰでそのような形を見かけたので，自分でもできればと思ったのですが・・・さらに精進したいと思います。ありがとうございました。

もし、そのURL（アドレス）がわかるなら教えていただければ、
簡単に実現できるかどうか確認してみますが．．
私も興味ありますし．．
▼
▼
▼
　 No.9044　Re^4:ホームページ印刷時の設定について
[ぽこぱぱ] [ブラウザ]　 07/02/06 (火) 08:19
http://www.nikkeibp.co.jp/
http://www.nikkeibp.co.jp/news/biz07q1/524646/

この様な感じなんです。一応ソースを眺めてみたものの，まだ私の力ではどうにもなりませんでした。

教えていただいた方法でうまく印刷プレビューが出るようになりました。それと同時に，プレビューを表示しようとするとブラウザ自体がハングしやすかった現象も解消したようです。なぜそうなったのかはまだ理解できていないんですけど(^^;)印刷はうまくいかないのに，ブラウザでの表示自体は問題なかったのも私にとっては謎なんです。
▼
▼
▼
　 No.9045　Re^5:ホームページ印刷時の設定について
[atom] [ブラウザ]　 07/02/06 (火) 08:38
このページのソースを見て、思い出しました。
そういえばこんな機能があったなぁ．．と。

この手法は単純なものでした。
↓ミソはここ。
<link href="/primitive_0610.css" rel="stylesheet" media="screen">
<link href="/print_0610.css" rel="stylesheet" media="print">

このように「media」属性を使って、画面のCSSと印刷用のCSSを切り分けてるのです。
▼
▼
▼
　 No.9046　Re^5:ホームページ印刷時の設定について
[atom] [ブラウザ]　 07/02/06 (火) 08:47
> 印刷はうまくいかないのに，ブラウザでの表示自体は問題なかったのも私にとっては謎なんです。

これは、単純にページ表示のための解析処理が違うからでしょう。
画面表示と印刷ではその出力メディアが違います。
機械のコントロールなども違います。

そのため、いろいろなパーツの配置を考えるモジュールの細かいところで計算ではうまくいかないところがあったため、処理の途中でハングしてしまったのだと思います。
▼
▼
▼
　 No.9047　Re^6:ホームページ印刷時の設定について
[ぽこぱぱ] [ブラウザ]　 07/02/07 (水) 08:35
『media』属性で切り分けるんですね。言葉で言うと一言ですけど習得するのにはまたまた勉強しなきゃですね。でも目標物を切り分けていただいたおかげで何とか進めそうです。解析処理の件も何となく分かるような気がします。今後widthなどをきちっと計算して作るように心がけます。
ありがとうございました。
▼
▼
▼
　 No.9032　スタイルシート
[さと] [ブラウザ]　 07/01/30 (火) 13:33
スタイルシートをつかっても何も効果がでません。
スタイルシートの文字を光らせるというHTMLソースをコピーして貼ったのですが、普通の文字になります。なぜですか？？
▼
▼
▼
　 No.9034　Re:スタイルシート
[atom] [ブラウザ]　 07/01/30 (火) 19:41
質問の仕方がよくありません。

あなたの記述方法がわからないのに、「何が間違ってますか？」と尋ねられても、返答に困ります。
▼
▼
▼
　 No.9035　すいません
[さと] [ブラウザ]　 07/01/30 (火) 23:08
<Body Background="gazou/green1b.png">
<p style="font-size: 22pt; font-weight: bold; color: white;
filter: glow(color=blue,strength=5); width: 500;">
<center>日本全国冒険記
</center></p>



こんな感じです！
コピーして貼ったんですが、かわらないんです。。
▼
▼
▼
　 No.9036　Re:すいません
[atom] [ブラウザ]　 07/01/30 (火) 23:19
私のページでは書きのように「filter: glow(color=blue,strength=5);」属性を削除すると効果ありました。

<div style="font-size: 22pt; font-weight: bold; color: #ff0000;
width: 500;">
<center>日本全国冒険記
</center></div>




日本全国冒険記




「filter」属性を追記すると何故正しく動作しないかは詳しくわかりませんでした。

このサイトでは次のページにサンプルがあります。
http://beginners.atompro.net/htm/style/stlglow0.shtml

このページではDTDを指定していません。

逆に指定すると動作しなくなります。
▼
▼
▼
　 No.9031　テーブルの背景色の変更
[シレン] [ブラウザ]　 07/01/30 (火) 10:14
外部スタイルシート

.ListTBL01{ background-Color:yellow }

----------------------------------------------

<TABLE border=1>
<TR>
<TD CLASS=ListTBL01 ID=ListTBLLine01>項目１</TD>
<TD CLASS=ListTBL01 ID=ListTBLLine02>項目２</TD>
<TD CLASS=ListTBL01 ID=ListTBLLine03>項目３</TD>
<TD CLASS=ListTBL01 ID=ListTBLLine04>項目４</TD>
<TD CLASS=ListTBL01 ID=ListTBLLine05><INPUT TYPE=checkbox checked NAME=ckbox ID=ckbox></TD>
</TR>
</TABLE>
---------------------------------------------------------------
上記のようなテーブルがあるとします。
今は１行ですが、テーブルはJavaScriptで作成していて
可変で何行になるかわかりません。
列は固定です。

やりたいことは、チェックボックスのチェックの有無で
テーブルの背景色を変えたいということです。
チェックボックスの有無は取得できたのですが
背景色の変更の仕方がわからないので教えていただくとありがたいです

ちなみに、全コンテンツを見て
[DHTMLサンプル＞画像クリックで背景画像の変更]
が一番近いかなと思って色々試しましたが、指定の仕方がわかりませんでした。
▼
▼
▼
　 No.9033　Re:テーブルの背景色の変更
[atom] [ブラウザ]　 07/01/30 (火) 19:39
IEに限って言えば、Javascriptでテーブルの背景色を指定する方法は

bgdec = eval("0xff0000);
window['tbl1'].style.backgroundColor = bgdec;

です。
テーブルの記述サンプルは次のようなものです。
<table id="tbl1" width="400" height="300">
<tr><td></td></tr>
</table>
▼
▼
▼
　 No.9037　Re^2:テーブルの背景色の変更
[シレン] [ブラウザ]　 07/01/31 (水) 11:28
テーブル全体が変わると困るので
サンプルを参考に下記のようにしたらできました。
大変ありがとうございました。
-----------------------------------------------------
var ElmChk = document.getElementsByName("ckbox");
var bgdec;

for (var i = 0; i < ElmChk.length; i++){

　if (ElmChk[i].checked == true) bgdec = eval("0xF0F8FF");
　else bgdec = eval("0xFFFFFF");

　for (var j = 0; j < 5; j++){
　　var ID = "a" + i + j;
　　window[ID].style.backgroundColor = bgdec;
　}
}
-----------------------------------------------------
<TABLE border=1>
<TR>
<TD ID=a00>項目１</TD><TD ID=a01>項目２</TD><TD ID=a02>項目３</TD><TD ID=a03>項目４</TD>
<TD ID=a04><INPUT TYPE=checkbox NAME=ckbox ID=ckbox></TD>
</TR>
<TR>
<TD ID=a10>項目５</TD><TD ID=a11>項目６</TD><TD ID=a12>項目７</TD><TD ID=a13>項目８</TD>
<TD ID=a14><INPUT TYPE=checkbox NAME=ckbox ID=ckbox></TD>
</TR>
</TABLE>
▼
▼
▼
　 No.9026　テキストファイルとIE
[やままる] [ブラウザ]　 07/01/27 (土) 00:44
こんにちは。
ちょっと困っているのですが、私の管理するサイトで、このたびテキストファイルをアップしました。htmlでなく、テキストファイルにしたのは、講演をテープ起ししたもので、長大なのでテキストファイルのほうが軽いだろうという理由と、html整形するのがめんどうだ、という理由によります。
ところが、私のところでは(safariで)ウィンドウ幅に応じてテキストが折り返されるのですが、IEでは折り返しされずに、ひじょうに読みづらい、という指摘をいただきました。

ブラウザの設定でなんとか回避できるものでしょうか。それとも、ちゃんとhtmlファイルに直さないといけないものでしょうか。
▼
▼
▼
　 No.9027　Re:テキストファイルとIE
[atom] [ブラウザ]　 07/01/27 (土) 12:06
ブラウザの設定ではできないでしょう。

だって基本的にhtmlを表示するためのソフトでしょ？
テキストに対してどう処理するかはそれぞれのブラウザの考え方で、
折り返さない方が便利ともいえるわけです。

テキストをどう処理するか、
個人個人の思いを反映するようには作ってないと思いますよ。

htmlにするのが面倒ならば、どのみち今でもテキストで表示してるなら、

そのテキストの前に
<html><body>

テキストの最後に
</body></html>

だけを追加すればいいだけでしょ？
▼
▼
▼
　 No.9028　Re^2:テキストファイルとIE
[やままる] [ブラウザ]　 07/01/27 (土) 13:19
> ブラウザの設定ではできないでしょう。

そうですか。しかたないですね。

> だって基本的にhtmlを表示するためのソフトでしょ？

そうするとブラウザでプレインテキストを表示させようという意図そのものがおかしいわけですね。

> そのテキストの前に
> <html><body>
>
> テキストの最後に
> </body></html>
>
> だけを追加すればいいだけでしょ？

試してみました。たしかに折り返しがされるようにはなりましたが、改行ができなくなりました。

仕方がないので、「ブラウザで読みにくい場合はローカルに保存して、しかるべきテキストエディタで読んで下さい」と断りを入れることにしました。

回答ありがとうございました。
▼
▼
▼
　 No.9019　zipファイルを<a href=～>で
[ゆ] [ブラウザ]　 07/01/22 (月) 22:54
zipファイルを<a href=～>でHP上から相手にあげるようにするには、
どうしたら良いのでしょうか?
教えていただけますでしょうか。
宜しくお願いします。
▼
▼
▼
　 No.9020　Re:zipファイルを<a href=～>で
[atom] [ブラウザ]　 07/01/22 (月) 23:38
何も難しく考える必要はありません。

zipファイルをサーバーにアップし、そのファイルに対してリンクを貼るだけです。
▼
▼
▼
　 No.9021　Re^2:zipファイルを<a href=～>で
[ゆ] [ブラウザ]　 07/01/23 (火) 00:37
> 何も難しく考える必要はありません。
>
> zipファイルをサーバーにアップし、そのファイルに対してリンクを貼るだけです。


返信ありがとうございます。

FFFTPで何度もチャレンジしてるのですが、

どうしても表示されなくて、エラーが出てしまうんです。

初歩的なミスをしているのかも。。。。。
▼
▼
▼
　 No.9022　Re^3:zipファイルを<a href=～>で
[atom] [ブラウザ]　 07/01/23 (火) 07:07
サーバーには確実にアップされてるんですよね？

では、差し支えなければその場所（URL）を教えてください。
こちらでテストしてみます。
▼
▼
▼
　 No.9011　フレーム(frame)
[ホームページ初心者] [ブラウザ]　 07/01/21 (日) 18:02
大体のホームページにはメニューがありますがソースを見てもフレームって、みなさんあまり使っていないような気がします。

これはhtmlではなくperlやphpなどでフレーム、もしくはフレームのような機能を使っているんでしょうか？

今、全部のページ(html)にメニューのタグを書いているのですが、これって無駄な気がして。

このページにもメニューがありますが、ここではどのようにしているのでしょうか？
▼
▼
▼
　 No.9012　Re:フレーム(frame)
[atom] [ブラウザ]　 07/01/21 (日) 18:09
ここのサイトではSSIを使用しています。

SSIについては「HP作成の予備知識」でも解説しています。
また、トップページのサイト内検索で「SSI」で検索してもいいでしょう。

SSIの使えないサーバーでは、フレームで逃げるしかありません。

フレームは便利そうに見えますが、SEO対策としてはオススメできません。
検索エンジンに引っかかりにくいですし、各バラバラのページとして情報が乗ってしまうからです。

ですから、できるなら1ページで作成した方がいいです。
で、これを逃がす簡単な策がSSIです。

あと、市販のHP作成ソフトなどでは、それぞれのページに共通して同一の内容を埋め込むことのできる機能などもあります。
▼
▼
▼
　 No.9016　Re^2:フレーム(frame)
[ホームページ初心者] [ブラウザ]　 07/01/22 (月) 13:46
SSIでhtmlを2つ表示させることはできました。

それでSSIを使って背景を左側700ピクセル(大きさを固定)を白、
残りの右側を黒というようなふうに色を1つの画面で2つ使用してみたいと思ったのですが、白だけなど背景が1色に設定なってしまいました。

このように背景を2種類にするには場合はどうしたらいいのでしょうか？
▼
▼
▼
　 No.9017　Re^3:フレーム(frame)
[atom] [ブラウザ]　 07/01/22 (月) 17:55
よくある質問ですが、背景は「背景」という属性、1種類しかありません。
何度指定しようが、最後に指定したものしか残りません。
差し換わるだけです。

どうしても2種類の背景を使いたいなら、画面いっぱいのテーブル（表）などを使い、ページ背景、テーブル背景、セル背景などで重ね合わせるしかありません。
▼
▼
▼
　 No.9018　Re^4:フレーム(frame)
[ホームページ初心者] [ブラウザ]　 07/01/22 (月) 21:14
なるほど。わかりました。
ありがとうございました。
▼
▼
▼
　 No.9006　アンケートが送信されません。
[ぽぷり] [ブラウザ]　 07/01/20 (土) 12:14
アンケートについてです。

ホームページビルダー９を使ってアンケートを設置しましたが、
送信ボタンを押すと、「電子メール」が起動されて、アンケートが送信されません。


メールなどを起動せずにアンケートが送信できるような設置の仕方はどうすればいいのでしょうか。

今手当たり次第にＨＰ作成方法などを見ていますが、なかなか載っていないようです。


当方のＨＰのＴＯＰの「写真集について」というところをクリックして頂ければアンケートが一応設置されています。


宜しくお願い致します。
▼
▼
▼
　 No.9007　Re:アンケートが送信されません。
[atom] [ブラウザ]　 07/01/20 (土) 12:31
> メールなどを起動せずにアンケートが送信できるような設置の仕方はどうすればいいのでしょうか。

CGIなどを使う手しかありません。
自分で設置するのが難しいなら、レンタルという方法もあります。

いずれにしてもCGIについてもう少し知識をつけるべきでしょう。
▼
▼
▼
　 No.9008　Re^2:アンケートが送信されません。
[ぽぷり] [ブラウザ]　 07/01/20 (土) 19:09
そうなのですか。
有難う御座いました。

今ＣＧＩの無料のところでレンタルしてきました。

なんとかやってみたいと思ってます。
▼
▼
▼
| Back | Page-22

　一覧 / 詳細

page update：23/11/28 16:31

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom