【 ＨＰ作成質問箱 】

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

　 No.9097　絶対指定についての質問です。

[あすか] [ブラウザ]　 07/03/01 (木) 18:01

絶対指定での画像の表示のことで質問があります。
私はフォルダ「homehage」のなかに
「text」と「image」とフォルダをわけて製作しています。
それで、「homehage」のほうにあるページに「image」の画像を
(例)<img src="/image/photo1.jpg">として表示することには成功したのですが、
「text」のほうにあるページに「image」の画像を表示する方法がわかりません。
一応前に絶対指定について質問されている方がいないか検索はしたのですが、
これについて質問されている方は(見落としただけかもしれませんが)いませんでした。
ちなみにサーバーはNINJA TOOLSです。
なにぶん初心者なものでどうすればいいかよくわかりません。
どうすればいいのかアドバイスお願いいたします。

▼

▼

▼

　 No.9098　Re:絶対指定についての質問です。

[atom] [ブラウザ]　 07/03/01 (木) 19:01

同じだよ。
絶対指定は、どのページであっても指定方法は一緒。
たとえ、「text」フォルダ内であってもね。

一度「HTMLの解説」－「5.画像の表示」を読んでみてください。

▼

▼

▼

　 No.9099　申し訳ありませんが追加の質問ありです。上の回答ありがとうございます。

[あすか] [ブラウザ]　 07/03/01 (木) 19:29

> 同じだよ。
> 絶対指定は、どのページであっても指定方法は一緒。
> たとえ、「text」フォルダ内であってもね。
>
> 一度「HTMLの解説」－「5.画像の表示」を読んでみてください。

回答ありがとうございます！
よくよく見直して見るとタグが間違ってました…；
お手数をおかけして申し訳ございません。

追加の質問で申し訳ありませんが、
同じようにimageフォルダのほうから壁紙のほうも画像を出しています。
これをtextフォルダのページの壁紙として使おうとしたのですが、
なぜか表示出来ません。homehageのほうでは難なく出来ました。
タグはhomehageのページは
<STYLE>
<!--
BODY{
background-color: #ffffff;
background-image : url(/image/top.jpg);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: bottom left;}
-->
</STYLE>
としており、textページのほうでも
<STYLE>
<!--
BODY{
background-color: #bdcbd6 ;
background-image : url(/image/t.menu.jpg) ;
background-attachment: fixed ;
background-repeat: no-repeat ;
background-position: bottom right ;}
-->
</STYLE>
と同じようにしているはずなのに壁紙が表示されません。
絶対指定なので表示されるかと思い、やってみたのですが無理でした。
何度も更新を押してみるなどをしてみたのですがまったく表示されません。
今回もタグのうち間違いかと思い見直してみたのですが、多分そうではないと思います。
ちなみに、ちゃんとその画像ファイルがアップロードされていることは確認しました。
ファイル名も間違っていないことを確認しています。
このことについてもアドバイスお願いいたします。
ご迷惑をかけて申し訳ございません。

▼

▼

▼

　 No.9100　Re:申し訳ありませんが追加の質問ありです。上の回答ありがとうございます。

[atom] [ブラウザ]　 07/03/01 (木) 22:19

画像の表示されないほうのアドレス（URL）を教えていただけませんか？

こちらで確認してみますが。

▼

▼

▼

　 No.9101　Re^2:申し訳ありませんが追加の質問ありです。上の回答ありがとうございます。

[あすか] [ブラウザ]　 07/03/01 (木) 23:19

> 画像の表示されないほうのアドレス（URL）を教えていただけませんか？
>
> こちらで確認してみますが。
はい、わかりました。
アドレスのほうとなっております。
まだ作り始めたばかりで何もありませんが、どうなっているのか見ていただきたいです。
後、テキストのほうの画像は撤去いたしました。
本当ならテキストのほうにも背景が出るはずですが、出ません。
よろしくお願いいたします。

▼

▼

▼

　 No.9102　Re^3:申し訳ありませんが追加の質問ありです。上の回答ありがとうございます。

[atom] [ブラウザ]　 07/03/02 (金) 07:01

今確認しましたが、テキスト側の背景画像が見つかりませんよ。

テキスト側の背景画像のアドレス（URL）は次のようになります。
http://balalayka.kagennotuki.com/image/t.menu.jpg

ところがエラーが表示されます。

▼

▼

▼

　 No.9103　Re:絶対指定についての質問です。

[モノ] [ブラウザ]　 07/03/02 (金) 10:53

http://bbs.j-ns.com/topics.php?num1=2242
自分が投稿した質問に対して
責任もって対応してくださいね。

▼

▼

▼

　 No.9093　preタグとbrタグの違い。

[黒柴犬] [ブラウザ]　 07/02/28 (水) 16:59

初めまして、早速ですが質問させていただきます。

brタグは一個一個改行していくもので、
preタグは閉じるまで改行するタグですよね？
他、少なくとも私のパソコンではpreタグを使うとbrタグを使った時と比べて
文字が小さく見えます。他に違いはあるのでしょうか？
よろしければ教えてください。それでは…。

▼

▼

▼

　 No.9094　Re:preタグとbrタグの違い。

[atom] [ブラウザ]　 07/02/28 (水) 20:38

基本的に文字の大きさは変わらないと思うのですがねぇ．．

後は、preタグの場合字下げされるというところでしょうか？

【記述サンプル】
<pre>
この部分はpreタグで記述。
この部分はpreタグで記述。
この部分はpreタグで記述。
</pre>
この部分はbrタグで記述。

この部分はbrタグで記述。

この部分はbrタグで記述。




【表示サンプル】

この部分はpreタグで記述。
この部分はpreタグで記述。
この部分はpreタグで記述。

この部分はbrタグで記述。

この部分はbrタグで記述。

この部分はbrタグで記述。

▼

▼

▼

　 No.9104　Re^2:preタグとbrタグの違い。

[黒柴犬] [ブラウザ]　 07/03/02 (金) 15:20

ありがとうございました。
字の大きさの変化は字間が空いたから、ということにしてみます。

また何か質問をするかもしれませんが、その時もお願いします。

▼

▼

▼

　 No.9089　画像の左寄せについて

[秦] [ブラウザ]　 07/02/22 (木) 12:53

画像を左寄せalgin="left"にしても左に５ｍｍ位の隙間があきます。これを完全に左に寄せるのはどうすればいいのですか？素朴な質問ですが宜しくお願いいたします。

▼

▼

▼

　 No.9090　Re:画像の左寄せについて

[atom] [ブラウザ]　 07/02/22 (木) 17:41

HTMLは、指定がなければページの周りに余白が取られています。

その余白を無くせばページの端にぴったりくっつくようになります。
その方法は、このサイトの「CSSサンプル」－「ページの周りの余白をなくす」が参考になるでしょう。

一度CSSについて勉強されるといいと思います。

▼

▼

▼

　 No.9091　Re^2:画像の左寄せについて

[秦] [ブラウザ]　 07/02/25 (日) 13:56

解決しました。ありがとうございました。

▼

▼

▼

　 No.9070　複数の音楽を同時に流すには

[io] [ブラウザ]　 07/02/16 (金) 22:16

失礼致します。
さっそくですが、タイトルの通り、一つのページで複数の音楽を同時に流す方法を探しています。
もっと正確に言えば、ＢＧＭを流しながら効果音を鳴らすというものです。
当然といえば当然なのですが、<bgsound>を複数用意しても、一つしか流れません。
どうか教えていただけないでしょうか。

▼

▼

▼

　 No.9071　Re:複数の音楽を同時に流すには

[atom] [ブラウザ]　 07/02/16 (金) 23:22

え、普通に考えれば無理でしょ？！

だってホームページのための音源はひとつしか用意されてないのですから。
もし、別の音源が必要ならそれはもうホームページではありません。

▼

▼

▼

　 No.9073　Re^2:複数の音楽を同時に流すには

[io] [ブラウザ]　 07/02/16 (金) 23:58

そうなのですか？
いえ、無理だとわかっただけで大きな成果です。
ありがとうございました。

▼

▼

▼

　 No.9066　robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/15 (木) 19:31

初めまして。
ずっと探していて、こちらのサイトに辿り着きました。
下記の件で困っているので、アドバイスをよろしくお願いいたします。

私はロリポップでHPを公開しています。
商用サイトのため、yahooでの検索結果も重要なのですが、
昨年気がついただけも4回、検索から消えてしまうという現象があり、
先日ロリポップに問い合わせたところ、

>そこで、現時点で考えられる原因と対策につきまして、
Yahoo!様よりご連絡戴けている内容と併せてご連絡させて戴きます。

検索エンジン関係のファイルであるrobots.txtを設置されて
いない場合には、弊社サーバとクローラーの仕様により、
一部正常に処理が終了しない場合があるとの事です。

その為、クローラーがより安定して動作するように、
robots.txtという名前で空ファイルを設置する事をお勧めいたします。

という回答が来ました。

でも、どうやってビルダー10でそのファイルを作り、
どうやってルートディレクトリに設定したらいいのかわからず、
とりあえずindexのページに

<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 10.0.0.0 for Windows">
<META name="ROBOTS" content="index,follow">

のタグを入れ、再度ロリポップに「METAタグでの対応ではダメか」を問い合わせたところ、

>今回ご連絡を頂戴いたしました件につきましては「METAタグ」ではなく、
「robots.txt」という名前での空ファイルを設置する事をお勧めいたしております。

という返事がきました。

一度、自分で調べ、思いつくままrobots.txtをやってみました。
ビルダーで作りましたが、保存形式はテキストファイル（メモ帳）となっていました。

無料のrobots.txt検索で調べたところ、
最後の行が空行になってない、と出てしまい、
ファイルを削除したのですが、
確認でrobot.txt検索してみたところ、
消えていないのか、また同じメッセージが出てしまいました。

どうしたらいいのか、まるでわからなくなってしまったので、
どうしたら良いかアドバイスをお願いします。

自分でわからないまま作ったrobots.txtがどうなっているのかも心配ですし、ロリポップ側が言うようにMETAタグでの対応ではダメであれば、robots.txtのビルダーでの設置方法を具体的に教えていただければと思います。

もしお手数でなかったら、HPのURLを添付しますので、
ご確認いただけたら本当に幸いです。

▼

▼

▼

　 No.9067　Re:robots.txtの設置方法について

[atom] [ブラウザ]　 07/02/15 (木) 19:52

難しく考えすぎです。
robots.txtはビルダーで作成しないほうが無難です。
作成できなくはないですが、初心者には逆に説明がややこしくなるからです。

で、作成方法ですが、Windowsのメモ帳を開き、そのまま「ファイル」－「名前をつけて保存」でファイル名を「robots.txt」で保存します。

これで作成できました。
後はサーバーにアップするだけです。

ちなみにそちらが作っている現在のファイルは空ではなくいらない記述がいろいろ入ってますよ。

▼

▼

▼

　 No.9068　Re^2:robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/15 (木) 20:17

atomさん、早速のお返事をありがとうございます！
とても嬉しいです

>名前をつけて保存」でファイル名を「robots.txt」で保存します。
ここまでできました。

私はメモ帳からサーバーへアップしたことがないのですが、
どうやったらサーバーへ送れるのでしょうか。
本当に申し訳ないのですが、教えてください。


> ちなみにそちらが作っている現在のファイルは空ではなくいらない記述がいろいろ入ってますよ。
↑え！そうなんですか！このファイルというのは私がビルダーで作ったrobots.txtのことですよね？どうしたら消えますか？今メモ帳でつくったものをサーバー転送したら、↑のファイルは消えますか？

度々申し訳ありませんが、ロリポップも教えてくれなかったので、
どうぞよろしくお願いします！

▼

▼

▼

　 No.9069　Re^3:robots.txtの設置方法について

[atom] [ブラウザ]　 07/02/16 (金) 16:03

サーバー側にアップすれば同名のファイルは上書きされ、入れ替わります。

サーバーへのアップ方法は、ビルダーにも簡易FTPが付いてますが、
できれば専用のFTPソフトを使い慣れたほうがいいと思います。

FTPソフトについては、ここのサイトの「HP作成の予備知識」－「5.作ったＨＰをサーバーにアップ（転送）したい！」で解説しています。
一度ご覧なったほうがいいでしょうね。

▼

▼

▼

　 No.9075　Re^4:robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/17 (土) 17:12

ありがとうございました。
先ほど、ビルダーのFTPからのアップが完了しました。

こちらでご紹介されているFTPについても確認しました。

教えていただいたらとても簡単なことだったのに、
自分ではどうしたらいいのかわからず困ってしまいました。
もっと勉強したいと思います。

迅速な対応をしていただき、とても助かりました！
本当にありがとうございました。

▼

▼

▼

　 No.9076　Re^5:robots.txtの設置方法について

[atom] [ブラウザ]　 07/02/17 (土) 18:22

今そちらのrobots.txtを確認しましたが、まだ記述が入ってますね。
これはサーバーが勝手に挿入してるのかなぁ．．

▼

▼

▼

　 No.9077　Re^6:robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/18 (日) 22:02

> 今そちらのrobots.txtを確認しましたが、まだ記述が入ってますね。
> これはサーバーが勝手に挿入してるのかなぁ．．

えぇっ！そうなんですか！どうしてでしょう・・・。
どうやったらrobots.txtのページを確認できますか。
自分のHPのURLの後ろにrobots.txtをつけてページを表示させたら、
User-agent: *
Disallow:
しか表示されませんでしたが・・・。見方が違うのでしょうか。

確認してみて、ダメそうでしたら、
前回お知らせいただいたFTPでの転送を試してみたいです。

▼

▼

▼

　 No.9078　Re^7:robots.txtの設置方法について

[atom] [ブラウザ]　 07/02/18 (日) 22:07

> どうやったらrobots.txtのページを確認できますか。
> 自分のHPのURLの後ろにrobots.txtをつけてページを表示させたら、

そう、それでいいんです。


> User-agent: *
> Disallow:
> しか表示されませんでしたが・・・。見方が違うのでしょうか。

でしょ？
文字が出てくるじゃないですか？！

「空のファイル」というんだから、文字が表示されるはずないんですけどね。

たとえば私のサイトはこうなります。
次をクリックしてみてください。
http://beginners.atompro.net/robots.txt

▼

▼

▼

　 No.9079　Re^8:robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/19 (月) 15:33

こんにちは。いつもありがとうございます。

> 「空のファイル」というんだから、文字が表示されるはずないんですけどね。
>
> たとえば私のサイトはこうなります。
> 次をクリックしてみてください。
> http://beginners.atompro.net/robots.txt

本当ですね～、私のサイトはどうして指示した言葉が表示されるんでしょう。表示されてしまっては意味がないのですよね？

今からまだ仕事なので、夜に違うFTPを使っての転送を試してみます。

▼

▼

▼

　 No.9080　Re^9:robots.txtの設置方法について

[atom] [ブラウザ]　 07/02/19 (月) 15:36

> 本当ですね～、私のサイトはどうして指示した言葉が表示されるんでしょう。表示されてしまっては意味がないのですよね？

ですです。

なんでしたら、この掲示板にそちらが作成されたrobots.txtを添付してみてください。
こちらで確認してみますよ。

▼

▼

▼

　 No.9081　Re^10:robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/19 (月) 16:10

ご親切をありがとうございます。
お言葉に甘えて、確認をお願いいたします。

作ったのはメモ帳によるテキストファイルで
「User-agent: *
Disallow: 」
のみ記載しました（全ページロボットに巡回してもらいたい）。
ファイルを開き、名前を「robots.txt」で保存し、
ビルダーのFTPから転送しました。
念のため、ファイルを添付いたします。

お手数をおかけしますが、どうぞよろしくお願いします。

▼

▼

▼

　 No.9082　Re^11:robots.txtの設置方法について

[atom] [ブラウザ]　 07/02/19 (月) 16:13

あれ？
添付されてませんよ。

私が作ったrobots,txtはこの記事に添付しました。

添付は記事投稿のときの参照ボタンをクリックして行います。

▼

▼

▼

　 No.9083　Re^12:robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/19 (月) 16:15

ごめんなさい！
今添付しなおしたものを↑に修正UPしました。
心配なので、もう一度添付してみます。

どうぞよろしくお願いします。

▼

▼

▼

　 No.9084　Re^13:robots.txtの設置方法について

[atom] [ブラウザ]　 07/02/19 (月) 16:20

やっぱり空ファイルではないですよ。

このファイル．．あなたが持っているファイルをダブルクリックして開いてみてください。
すべての文字列を削除して保存しましょう。

それで出来上がりです。

▼

▼

▼

　 No.9085　Re^14:robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/19 (月) 20:24

ファイルを開き、入っていた文字を削除し保存⇒サーバーへ転送しました。確認してみたら文字が消えた空ファイルになっていました。
お手数ですが、これでOKか確認していただけませんでしょうか。

今回、robots.txtについて調べていたら、
User-agent: *
Disallow:
という記述（全部のファイルを巡回）が必要なように感じましたが、
何も記述しない空ファイルをアップすれば、
robots.txtになったのでしょうか。

同じようにロリポップ使用中の友人にrobots.txtの設置を教えてあげたいので、教えてください。

どうぞよろしくお願いいたします。

▼

▼

▼

　 No.9088　Re^15:robots.txtの設置方法について

[atom] [ブラウザ]　 07/02/20 (火) 15:31

aromaさんの一番最初の質問に次のような記述があります。

> その為、クローラーがより安定して動作するように、
> robots.txtという名前で空ファイルを設置する事をお勧めいたします。

ここに「空ファイル」と記述されてるわけですから、どんな文字列も必要ありません。

> User-agent: *

これはすべてのものを許可するという意味です。

> Disallow:

こちらも拒否するものは何もないという意味です。

どの道、拒否するものがないのであればこれらを記述しようがしまいが関係ありませんね。

▼

▼

▼

　 No.9092　Re^16:robots.txtの設置方法について

[aroma] [ブラウザ]　 07/02/28 (水) 15:01

随分間があいてしまい申し訳ありませんでした。

空ファイルの件、ありがとうございました。

また、何かあったらご相談させていただきたいと思います。
どうぞよろしくお願いいたします。

▼

▼

▼

　 No.9060　ＤＶＤ動画をＨＰに載せる方法について

[ラジカル] [ブラウザ]　 07/02/13 (火) 09:34

ＤＶＤに録画した動画をＨＰに載せたいのですが、やり方が全くわかりません。どなたか教えてください！！

ちなみに画像の張り方は分かります。でも動画は拡張子を何にすればいいのか分かりません。今ＷＭＶとなっています。これでＨＰに張って、ダウンロードしようとすると、ページが見つかりませんとなります。理由が全く分かりません。どなたか教えてください！！お願いします！！

▼

▼

▼

　 No.9062　Re:ＤＶＤ動画をＨＰに載せる方法について

[atom] [ブラウザ]　 07/02/13 (火) 16:32

では、そのページを見せてください。
確認してみます。

▼

▼

▼

　 No.9063　Re:ＤＶＤ動画をＨＰに載せる方法について

[ラジカル] [ブラウザ]　 07/02/13 (火) 21:37

返信ありがとうございます！！
あの…もうしわけないのですが、かなり初歩的な事をやっていたようですので、述べます。↓

WMVと言いましたが、これは自分で拡張子を変更したものなので、本当は違うのかもしれませんｍ
変更する前の名前は「CDドライブ（E）」となってましたｍｍ
このせいかも知れませんが、一応HPのアドレスは載せておきます。本当に初心者な質問で申し訳ないっす！！わざわざお答えいただいてありがとうございます！！

http://www16.tok2.com/home/zanseirouga/
このHPのギルティ攻略→全キャラ共通コンボってところの一番上にあります。お手数かけますｍ

▼

▼

▼

　 No.9064　Re^2:ＤＶＤ動画をＨＰに載せる方法について

[atom] [ブラウザ]　 07/02/14 (水) 09:39

まず、少なくとも問題なのが、そのファイルの指定先が、全角で記述されてます。
まずはこれを直しましょう。

インターネットサーバーでは全角は使用できないと考えたほうがいいです。
→このサイトの「HP作成の予備知識」－「6.画像が表示されないんです。」参照

▼

▼

▼

　 No.9065　Re^3:ＤＶＤ動画をＨＰに載せる方法について

[ラジカル] [ブラウザ]　 07/02/14 (水) 17:04

初心者な質問にわざわざ答えてくださって、本当にありがとうございました！！

大文字は直しときます！！お手数かけましたｍｍ

▼

▼

▼

　 No.9055　スキンボードの投稿禁止語句に関して

[時の金色] [ブラウザ]　 07/02/11 (日) 16:49

いつもお世話になっております。
時の金色です。

フリー版のスキンボードを使わせていただいているのですが、最近スレ荒らしにあって困っています。

内容はすべて1byte文字つまり英数字のみでさらにタグを使ってリンクを張りまくるといったものです。

その対策としてhrefを禁止語句にしてみたのですがどうも禁止になっていないみたいです。
試しとしてもともと禁止語句になっていたものを使って投稿してみたら2byte文字のほうは禁止になったのですが1byteのほうが禁止になっていません。

中身を多少いじってあるのでもしかすると余計な部分を消してしまったのかもしれませんがご教授のほうよろしくお願いします。

▼

▼

▼

　 No.9058　Re:スキンボードの投稿禁止語句に関して

[時の金色] [ブラウザ]　 07/02/12 (月) 00:07

すみません、最新版を入れなおしたところできました。
お騒がせいたしました。

▼

▼

▼

　 No.9052　認証画面の・・・

[k] [ブラウザ]　 07/02/07 (水) 21:38

初めまして。
HP作成に関して初心者ですので頭を抱えております。

HPのトップページ以降のディレクトリにパスをかけて特定の人だけに観覧するBASIC認証画面を設定しているのですが、(手順通り操作するとサーバーの方で簡単に設定してくれるものを使用)ある日突然認証画面が消えてしまったので再度設定し直しましたところ、個人のパスワードも変更になり個別にお知らせしてまた無事に観覧できるようになりました。

その際あるユーザーがCaps Lockキーのオンオフを繰り返して何度もパスワードを入力した為、パスワード欄に青い砂嵐のようなものが出て次に進めないようになってしまいました。
自分なりに調べましたら、ユーザーアカウントがロックされている状態なのではないのかなと素人考えではありますが推定しました。
解決法としてはドメインコントローラーからアカウントのロックアウトを管理者である私が行わないとならないとなっていましたが、ドメインコントローラーというのが対応していないのか(Windows XPです)その画面に進めず、コマンドプロンプトにて入力してみました。

仮に観覧できないユーザー名がaaaとして、そう入力しました所、ユーザー名が見つかりません、ユーザー一覧は次の通りです、と私のアカウント名を表記するのです。
どうやって解決したらよいものかわからないのでヒントを頂ければ幸いです。
ちなみに私のブラウザからaaaさんのユーザー名とパスワードを入力するとちゃんと観覧できるのです。


知識がないので要領を得ない質問になっているとは思いますが宜しくお願い致します。
　

▼

▼

▼

　 No.9053　Re:認証画面の・・・

[atom] [ブラウザ]　 07/02/08 (木) 14:29

複雑なトラブルのようですね。
う～ん．．よくわかりませんが、何故、そのサーバー管理者に尋ねないのですか？

サーバーは、その運営者によって環境や設定画面はまちまちです。

特にトラブルも一般的なものならいいですが、今回のような複雑なものはそのサーバーを使わないことにはわからないと思います。

一番いいのは、ユーザー認証の設定ファイルを初期化し、再度すべてやり直したほうがいいと思いますが。

どの方法をとるにしても、サーバー運営者に相談するのが一番だと思いますよ。

▼

▼

▼

　 No.9054　Re^2:認証画面の・・・

[k] [ブラウザ]　 07/02/08 (木) 22:11

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

サーバーではHP作成の件についてはユーザー掲示板にて質問するようにとの事で、そこで質問してみたのですがやはり難しい問題だとの回答でした。
今改めてサーバーへ直接質問して回答待ちです。
まだまだ勉強不足ですのでこれからまた検討していきたいと思います。

ありがとうございました。

▼

▼

▼

　 No.9048　初めまして♪

[はなねえ] [ブラウザ]　 07/02/07 (水) 18:27

初めまして♪
はなねえといいます。


yahooで友達とＨＰをつくることにしたのですが、『クリックするだけで背景の色が変わる』ようにするにはどうしたらよいのでしょうか？

よろしくお願いしますm(_ _)m

▼

▼

▼

　 No.9049　Re:初めまして♪

[atom] [ブラウザ]　 07/02/07 (水) 18:30

どこまでの知識があるのかわかりませんが、ここのサイトの「DHTMLサンプル」－「画像クリックで背景画像の変更」は参考になりませんか？

▼

▼

▼

　 No.9050　Re:初めまして♪

[はなねえ] [ブラウザ]　 07/02/07 (水) 18:53

やったけどできませんでした。

▼

▼

▼

　 No.9051　Re^2:初めまして♪

[atom] [ブラウザ]　 07/02/07 (水) 18:58

「できませんでした」だけでは、何もアドバイスできません。
私のページではちゃんと動いてるのですから。

作成したページを見せるか、そのアドレスを教えていただけますか？

▼

▼

▼

　 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などをきちっと計算して作るように心がけます。
ありがとうございました。

▼

▼

▼

　一覧 / 詳細