【 HP質問過去ログ 】

【HP質問過去ログ/詳細】　一覧 / 詳細

No.5322　レイアウトコンテナ

レイアウトコンテナなるものを友人に作ってもらいました。しかし色に不都合があり、色を変えたいのですが、どうすれば良いのでしょうか。

[△三角]　03/10/13 (月) 18:16

No.5323　Re:レイアウトコンテナ

ファイルがちゃんと表示されてないような？

[△三角]　03/10/13 (月) 18:18

No.5325　Re^2:レイアウトコンテナ

このページはフレームページです。

もし、フレームページの意味がわからないなら、「ＨＰ作成の予備知識」、「HTMLの扉」をよくお読みください。
各それぞれのページを変更すればよいだけでしょう？

[atom]　03/10/13 (月) 19:20

No.5335　Re^3:レイアウトコンテナ

各それぞれのページを変更とは？

すみません。意味がよく分かりません。フレームページの意味は分かりました。

[△三角]　03/10/15 (水) 20:21

No.5336　Re^4:レイアウトコンテナ

フレームページの意味がわかっても、自分でフレームページが作成できないとほんとにわかったことになりません。

「ＨＰ作成の予備知識」－「8.フレームページの簡単な作成方法を教えて！」
こちらをよく読んで、理解を深めてください。

普通のページぐらいは自分で変更できるんでしょ？

[atom]　03/10/15 (水) 20:26

No.5338　Re^5:レイアウトコンテナ

普通のページは出来ました。

フレームも出来ます。

ただ、上の方に添付したレイアウトコンテナの色の変え方が分からないのです。

[△三角]　03/10/15 (水) 21:13

No.5339　Re^6:レイアウトコンテナ

ふ～．．どうも話がかみ合わないですね。
レイアウトコンテナに色の指定なんかないでしょう？

レイアウトコンテナは各ページの組み合わせなのですから、それぞれのページの方を変更するしかない。と言ってるのですが．．

レイアウトコンテナ．．すなわちフレームページの色変更というなら、いったいどこの色のことを言ってるのでしょうか？

[atom]　03/10/15 (水) 21:16

No.5343　Re^7:レイアウトコンテナ

私が添付したファイルあるじゃないですか。

それの色が付いた部分の色を変えたいのですが……。

ページの組み合わせじゃないんですよ。

[△三角]　03/10/16 (木) 06:23

No.5344　Re^8:レイアウトコンアテナ

しつこいように横から・・・すみません。
ホームページビルダーをお使いのようなのですが
ビルダーで<DIV>の属性を見るとレイアウトコンテナと
表示されますので、もしかしてそのことを仰っているのかと。

[みか]　03/10/16 (木) 08:30

No.5345　Re^9:レイアウトコンアテナ

あ～、なるほど．．あれってレイアウトコンテナっていうんですね。
学習しました。（笑
HTMLサンプルで作っておきながら、NNのレイヤーという名前しか知りませんでした。（汗

一番最初にフレームページから始まったのでずっと勘違いしてました。

みかさん、しつこくないです。
私ももちろん日々新しい情報を仕入れ勉強していかなければなりませんからね。
ですから、私が間違ってたり、指摘ミスをしていたら、遠慮なく突っ込んでください。
そういった、自分のミスに対する人の意見は素直に受け入れる性格は持ってるつもりですから。
よろしく。

これは、スタイル属性、スタイルシートなどを使っているので、そちらのほうを勉強してください。
「HTMLの扉」参照。

具体的には、３７行目以降、
#d0{border-color:#008800;}#b0{background-color:#008800;}
#d1{border-color:#c80069;}#b1{background-color:#c80069;}
#d2{border-color:#880000;}#b2{background-color:#880000;}
#d3{border-color:#ff0000;}#b3{background-color:#ff0000;}
・・・・

これらの記述を変更してください。

[atom]　03/10/16 (木) 11:22

No.5348　Re^10:レイアウトコンアテナ

分かりました。

言い方がまずかったようで、すみません。

教えてくださってありがとうございました。

[△三角]　03/10/17 (金) 07:03

No.5372　Re^11:レイアウトコンアテナ

あ～おの項だけ色が変えられません。

どうしてでしょうか？

[△三角]　03/10/18 (土) 18:51

No.5373　Re^12:レイアウトコンアテナ

添付ふぁいるはこっちが本当です。

[△三角]　03/10/18 (土) 18:53

No.5374　Re^13:レイアウトコンアテナ

他の部分と比較すればすぐわかるんですけどねぇ～．．
もう少し、理解を深めないとダメですよ！

「あ～お」の項目は次のようになってます。

<p><FONT size="-1"><em id=b99 style="cursor:default;"><FONT size="+0">あ～おの項</FONT></em></FONT><div id=d99>赤川次郎


ここで使用しているのは、「id=b99」と「id=d99」でしょ？

その指定は、
#d99{border-color:dimgray;}#b99{background-color:dimgray;}
↑これな訳で、

「dimgray」なら灰色になってしまうでしょうに。

[atom]　03/10/18 (土) 19:00

No.5378　Re^14:レイアウトコンアテナ

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

ところでこれはスタイルシートという事ですが、どうやってやっているのですか？

左と下だけ表示させることが出来るのでしょうか？

[△三角]　03/10/19 (日) 13:56

No.5379　Re^15:レイアウトコンアテナ

この記述は要らないものも多く複雑すぎます。
こんなに複雑にしてしまっては何がどうなってるのか．．
やってることは単純ですのにねぇ．．

人の作ったもので、ここまで複雑にしてしまったものを改造しろと言われても．．
作った友人に聞かれたらいいのでは？
本人が作ったのだから一番よく知ってるでしょうしね。

[atom]　03/10/19 (日) 19:52

No.5382　Re^16:レイアウトコンアテナ

作ってみました。

【テスト】
<span style="color:white;background-color:#ff3366;border-right:solid 1px black;border-bottom:solid 1px black;padding:2px;">
テスト文字
</span>
<div style="border-left:solid 2px #ff3366;border-bottom:solid 2px #ff3366;padding:4px 0 2px 4px;line-height:110%;">
テスト文字1

テスト文字2

テスト文字3

</div>



テスト文字

テスト文字1

テスト文字2

テスト文字3

[atom]　03/10/20 (月) 15:32

No.5324　Yahoo!?

昨日Ｐｃをつけて、ネットをしてたら、
Yahoo!のﾄｯﾌﾟの文字サイズが異常に
大きくなっていたんです。
気になって他のページを見てみると、
ほとんどのページの文字サイズが
異常に大きくなっていました。
ネット全体の文字サイズとかは、どうやって
変更するのですか？誰か教えていただけませんか？

[エリンゴ]　03/10/13 (月) 18:31

No.5326　Re:Yahoo!

ブラウザのメニュー．．「表示」－「文字のサイズ」ではないかと．．

[atom]　03/10/13 (月) 19:21

No.5327　複数行テキストについて。

初投稿ですよろしくお願いします。たまに別のホームページで見るのですが、リンクの上にポインタが載ると複数行テキストにメッセージが出る場合があるのですが、それの仕方がよく分からなくて。よろしければ教えていただけませんか。

[su1024shi]　03/10/13 (月) 19:33

No.5328　Re:複数行テキストについて。

BBSでは説明しにくいので、Javascriptサンプルに作りました。

オンマウスで説明表示

です。

[atom]　03/10/13 (月) 22:29

No.5329　Re^2:複数行テキストについて。

どうもありがとうございました＾＾

[su1024shi]　03/10/14 (火) 19:47

No.5330　画像でリンクすると・・・

お久しぶりです。

画像でリンクすると、（■＝画像）
■_
のようにリンクした画像の右下に
ちっちゃな棒線が付くんです。
これをなくすにはどうしたらよぃのでしょうか？？

[みひろ]　03/10/14 (火) 20:45

No.5331　Re:画像でリンクすると・・・

だからぁ、注意書きにも書いてるように、見た目の問題はページを見せていただけなければ解らないんですって！

予想で話をすると、画像と</a>タグの間に空白か改行マークがあるとか．．

[atom]　03/10/14 (火) 20:48

No.5332　Re^2:画像でリンクすると・・・

すみません。
ページのＵＲＬ入れておきましたので。
よろしくお願いします。

[みひろ]　03/10/15 (水) 00:39

No.5333　Re^3:画像でリンクすると・・・

やっぱりそうです。

<img src="http://betty.jp/mihiro/sumahureebbs.png" border="1">
</a>

↑このように「</a>」の直前に改行マークがあるからゴミのようにアンダーバーが付くのです。
要するにこの場合、IMGタグの直後に「</a>」がないため、改行マークが文字とみなされリンク文字のアンダーラインが付いてるのです。

改行を削除し、１行にしてやればなくなります。
何故こうなってしまうかという質問はMictosoftにでも聞いてください。
これはこれとして理解するしかないようです。

[atom]　03/10/15 (水) 01:30

No.5341　Re^4:画像でリンクすると・・・

なるほど!!
説明がわかりやすかったので
すぐに理解して直すことができました。
ほんと助かりました。
また何かあったらその時はお世話になります。
ありがとうございましたｖｖｖ

[みひろ]　03/10/15 (水) 23:39

No.5334　画像のリンク切れの処置について

皆様、始めまして。質問させて頂きます。

よく画像のリンク切れのページの時、×印で表示されますが、
×印で表示されるのではなく、別の画像で差し替えはできないでしょうか？

ページが見つかりません（403エラー）などの、エラーページの作り方は知っているのですが、この応用を使えないでしょうか？

説明がわかりにくいかも知れませんが、よろしくお願いします。

[スコール]　03/10/15 (水) 14:48

No.5337　Re:画像のリンク切れの処置について

できないと思います。

×マークは指定したアドレスから何も反応がないときにブラウザが立て替えるものです。

htaccessのエラーについてはページアクセスに対するものではなかったでしょうか？

また、×マークに変更するのはブラウザ側です。
×マークを差し替えると言うことは、ブラウザの内容を変えるということです。
そんな設定、ブラウザにはないでしょう。

それに、基本的には画像がちゃんと表示されるように確認すれば済む話で、わざわざ画像が表示されないことのための処理を考えるのは本末転倒のような気がしますが．．

[atom]　03/10/15 (水) 20:29

No.5340　Re^2:画像のリンク切れの処置について

またまた横から失礼します。
java scriptを勉強し始めたばかりで、トンチンカンかも知れませんが・・・・・。
テストしたら私の環境では表示できちゃったのですが、こういうのは使えないでしょうか。

<SCRIPT LANGUAGE="javascript">
<!--
function conv_img(){
document.myimg.src="okikae.gif";
}
//-->
</SCRIPT>

<IMG src="mienai.gif" onError="conv_img()" name="myimg">

[みか]　03/10/15 (水) 23:07

No.5342　Re^3:画像のリンク切れの処置について

おお～っ、すっげぇ～．．
みかさんまたまたありがとうございます。

いやいや、私もJavascriptを一から勉強したほうがいいかな？（苦笑
Javascript、DHTMLは必要なところだけしか勉強してないからなぁ．．（汗汗

[atom]　03/10/15 (水) 23:43

No.5349　フレームの中にフレームページを作りたい。

初めまして、tomopuと申します。
現在、レンタルサーバーを借りてサイトを製作中なのですが、フレームの所でつまづいております…。

ここからは製作中のHPを参照して頂きたいのですが、

まずindexから入り、topページではちゃんとフレームページを作れました。そこからaboutやlink,indexページの表示にも問題ありません。（dialyは作成中）問題はgalleryのページで、このページを更にフレームページにしたいのです。つまりはトップメニューの隣に、もう１つギャラリーメニューを作りたいんです…。トップと同じようにベースのフレームファイルを作っているのですがどうしても"403 Forbiddenページの表示が禁止されています。"と出ていてしまいます。

隣に作るのは諦めて、target="_blank"にして新規ウィンドウにしてみても、やはり上記と同じエラーで出てきてしまいます。似たようなデザインのサイトを参考にして色々試してみたのですが何が間違っているのか分かりません。

どなたかご教授お願い致します。

[tomopu]　03/10/17 (金) 14:12

No.5351　Re:フレームの中にフレームページを作りたい。

ふむ．．これだけでは解りませんが、galaleryのジャンプ先は
http://tomopu.k-server.org/frame2.html
で正しいのですか？
そして、それは上記に添付されているのがソースですか？

となれば、そのソースは次のようになってますよね。

<HTML>
<HEAD>
<TITLE>ギャラリーメニュー</TITLE>
</HEAD>
<frameset cols="30%,*"frameborder="0"framespacing="20px">
<frame src="menu2.html"noresize>
　<frame src="gallery.html" name="gallery">
<noframes>
<BODY>
ごめんなさいフレーム対応のブラウザでご覧ください。
</BODY>
</noframes>
</frameset>
</HTML>

だから、このフレームで使用するのは
http://tomopu.k-server.org/menu2.html
http://tomopu.k-server.org/gallery.html
の２つですよね？

このどちらもそのようなエラーが出ないんですけどねぇ．．
どこで引っかかっているのでしょうか？

[atom]　03/10/17 (金) 21:03

No.5353　Re^2:フレームの中にフレームページを作りたい。

早速の解答、ありがとうございます。

http://tomopu.k-server.org/menu2.html
http://tomopu.k-server.org/gallery.html
の２つは個別で開けば
どちらもちゃんと見れます。
トップメニューのgalleryのリンクから飛ぶと、
フレームの右側にエラーが出てしまいます。
galleryのリンク先は
http://tomopu.k-server.org/frame2.html
で正しいです。

atomさんはトップメニューのgalleryのリンク先は、どのように表示されますか？私はやはりエラーです…。

[tomopu]　03/10/17 (金) 21:51

No.5354　Re^3:フレームの中にフレームページを作りたい。

いや、私もエラーなんですよ。
「403 Forbidden　ページの表示が禁止されています。」
だから、原因がわからなくて．．
一つ前の疑問符は、自問自答なのでした。

各ページではエラーが出ない。
となれば、フレームページがおかしいとしか考えられないんですがねぇ．．

でも、そのソースが上記のようで間違いないのなら、エラーが入る要素はないのですが．．

Forbiddenのエラーは、一般的にCGIで出ます。
ですが、HTMLで出ることはほとんどありません。
このエラーの意味は、パーミッションで閲覧を許可されていない。と言うことなんです。

サーバーのアップは何を使ってますか？
一度サーバー側の「frame2.html」を削除して、再度アップしても結果は同じですか？

もし、同じならそのファイルのパーミッションを確認して教えてください。

[atom]　03/10/17 (金) 22:01

No.5357　Re:フレームの中にフレームページを作りたい。

度々ありがとうございます。

atomさんの教えて下さったように
何度か「frame2.html」を削除して
再度アップしてみたら出来ました！！
テキストを書き換える事ばかりに一生懸命で
基本的な事を試すのを忘れていました…。
お手数をおかけしてスミマセン。
ご丁寧にありがとうございました。

ちなみにFetchを使用しています。
アップ中に度々エラーが出るので
早く試しておけば良かったです。

こんな事に気付かず１日中苦戦していたなんて…
お騒がせいたしました。m(_ _)m

[tomopu]　03/10/17 (金) 23:24

No.5350　スタイル属性のタグについて

初めまして、宿軒と申します。
早速質問です。このホームページを参考にさてもらっているのですが、
スタイル属性のタグで、タグの表示指定するというleft:10pxやtop:10pxなどは入力しても何も変化がありません（入力していない状態と変わりがないのです）。これは、どういったことでしょう。ちなみに
他のスタイル属性タグはホームページに反映されています。

[宿軒]　03/10/17 (金) 20:12

No.5352　Re:スタイル属性のタグについて

これは、必ず「position: absolute」と一緒に使わなければ効果がありません。
該当ページに加筆しておきました。m(__)m

【サンプル】
<div style="position: absolute
;left:20px;top:160px;">
これはテスト表示
</div>

このページの左上タイトルの下あたりに表示される。

これはテスト表示

[atom]　03/10/17 (金) 21:07

No.5375　ありがとうございました

どうもご丁寧にありがとうございました。
またこれでひとつ勉強になりました。

[宿軒]　03/10/18 (土) 21:33

No.5355　ＨＴＭＬソース

今晩は。
突然ですが、質問させていただきます。

FrontPageExpressのＨＴＭＬソースとはどこにあるのでしょうか？
貼り付けたいのですが･･･。

[さき]　03/10/17 (金) 22:38

No.5356　Re:ＨＴＭＬソース

コマンドメニューの「表示」－「HTML」がそうです。

[atom]　03/10/17 (金) 23:20

No.5358　Re^2:ＨＴＭＬソース

ソースをコピーして張り付けることは出来るのですか？

[さき]　03/10/17 (金) 23:24

No.5359　Re^3:ＨＴＭＬソース

初心者の方に多い質問ですね。

人に聞く前に、自分で試してみて解らない時に質問するのが基本ですよ。
この質問ではテストされてないように思いますが．．

[atom]　03/10/17 (金) 23:32

No.5360　Re^4:ＨＴＭＬソース

すみません。
やってみたのですがどこにいれていいのかわからず、右クリックしても何も表示されていなかったので質問させていただきました。

言葉が足らず、申し訳ありません。

[さき]　03/10/18 (土) 00:09

No.5361　Re^5:ＨＴＭＬソース

ああ、そうだったんですか、それはそれは。

えっと、確かFPEのソース表示では右クリックが使用できないんです。
だから、キーボードを使用してください。

[Ctrl]+[x]、[Ctrl]+[c]、[Ctrl]+[v]
きっと、コマンドメニューの「編集」を見れば解るでしょう．．

[atom]　03/10/18 (土) 00:12

No.5362　Re^6:ＨＴＭＬソース

ありがとうございます。

教えていただいたとおり、選択した文字の色を変えるように、<STYLE type="text/css">
<!--
A:hover {color:#FF0000}
-->
</STYLE>
というのを貼り付けたのですが効果がありません。
どのようにすればいいのでしょうか？

[さき]　03/10/18 (土) 13:25

No.5363　Re^7:ＨＴＭＬソース

> というのを貼り付けたのですが効果がありません。

効果がない．．ちゃんとブラウザで見てますか？
まさかFPEのデザインのままで言ってるのではないでしょうね？

ブラウザで見ても効果がないのなら、「投稿時のご注意」にも書いてるように、ページを添付するかソースを貼り付けるかしないと答えれません。

[atom]　03/10/18 (土) 13:31

No.5364　Re^8:ＨＴＭＬソース

ブラウザで見ました。

http://members4.tsukaeru.net/taiyounoyume/
このページの「入室」というところなどの色を変えたいのです。

[さき]　03/10/18 (土) 13:36

No.5365　Re^9:ＨＴＭＬソース

ソースを見ました。
すると該当箇所は次のようになっています。

<a
href="kontentu.htm"><font color="#4E4A91" size="2">入室</font></a>

Aタグの指定の中で色変更をしています。
これでは、いくらスタイルシートでAタグの色を指定しても変わりません。
FONTタグで色指定をするのか、スタイルシートで色指定をするのかはっきりさせないといけないですね。

[atom]　03/10/18 (土) 13:51

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

わかりました。
うまくいきそうです。
丁寧に教えてくださってありがとうございました。

[さき]　03/10/18 (土) 13:59

No.5368　はじめまして。

お初です。
さそっく質問させていただきます。
HPをはじめて作ってリンクに素材を貼ったのですが×になってしまいます。他の画像も表示されません。なぜでしょうか？

[poporu]　03/10/18 (土) 16:44

No.5369　Re:はじめまして。

どこのことでしょう？
トップページの左メニューのところならちゃんと表示されてますが．．

[atom]　03/10/18 (土) 16:47

No.5370　Re^2:はじめまして。

「しょうせつ」のとこです。
トップにもどるリンクの画像が出ないんです。

[poporu]　03/10/18 (土) 16:56

No.5371　Re^3:はじめまして。

「しょうせつ」のページのアドレスは、
↓ここ
http://poporu.easter.ne.jp/index.html

これは、表示できます。

そしてそこで使われている画像は、
↓ここ
http://poporu.easter.ne.jp/bb3.gif

ところがこちらは表示できません。

画像が表示されない件は、ここの「投稿時のご注意」をよくお読みください。
それでも解らない場合に改めて投稿してください。

[atom]　03/10/18 (土) 17:23

No.5376　画像が表示できません。

初めまして。
もう数時間以上もんもんと調べているんですが、
以下のアドレスの画像がどうしても表示できません。

http://junk.velvet.jp/linkfra.htm

↑ここの[十二国記]というリンクのページの画像です。

ここのHPの内容も確認したんですが、特におかしい所はないと
思うのですが・・・。

すみまんが、どこがダメなのか教えて下さいーー(><)

[dolly]　03/10/19 (日) 04:23

No.5377　Re:画像が表示できません。

このページの画像の指定は次のようになっています。
http://junk.velvet.jp/link/king/syujo.gif

「指定されたページ(URL)は見つかりません。」と表示され、この画像は存在しないと言うことになります。
だから、表示できないのです。

で、試しに、
http://junk.velvet.jp/link/king/

とフォルダだけにしても同じく「指定されたページ(URL)は見つかりません。」と表示されます。
ということは、このフォルダが存在しないか、スペルを間違えてるか、アップしてないかです。

ちなみに、次のようにフォルダ指定をすると、
http://junk.velvet.jp/link/

「指定されたページ(URL)へのアクセスは禁止されています。」と表示されますので、このフォルダは存在してることが解ります。

[atom]　03/10/19 (日) 09:13

No.5380　Re^2:画像が表示できません。

回答有難うございます。
ただ、下の内容を確認してみたのですが、


> で、試しに、
> http://junk.velvet.jp/link/king/
>
> とフォルダだけにしても同じく「指定されたページ(URL)は見つかりません。」と表示されます。
> ということは、このフォルダが存在しないか、スペルを間違えてるか、アップしてないかです。

?フォルダは存在している。
?スペルも合っている
?アップもしている。

んです。
それで試しに一度kingのフォルダを削除して、もう一度作り直してみて、アップロードしてみたんですけど、やっぱりダメでした。
もしかして禁止文字とかなんでしょうか。。。？
でも試しにフォルダ名変えてみたんですけど、やっぱりダメで。。。
他に何か原因はありますか？
もう皆目見当がつきません(TT)

[dolly]　03/10/20 (月) 04:41

No.5381　Re^3:画像が表示できません。

そうでしたか、そうなるとサーバー管理者に聞くか、
ご自分でテストするなら次のようなフォルダを作成し、その中に単純な「index.htm」を作成し、表示テストをするしかないですね。

http://junk.velvet.jp/link/aaa/
http://junk.velvet.jp/aaa/king/
http://junk.velvet.jp/aaa/bbb/

私なら、こういうテストをしますね。

[atom]　03/10/20 (月) 10:41

No.5383　Re^4:画像が表示できません。

回答有難うございます。

書かれていたものでテスト版を作ってみた所、表示出来たので、
そこを再度元の名前に変更したら大丈夫でした！

何だかちょっと不思議ですが・・・。
何はともあれ助かりました！有難うございます！！(^^)

[dolly]　03/10/22 (水) 00:40

【HP質問過去ログ/詳細】　一覧 / 詳細

page update：2010/08/23 23:34

Home ↑ページトップ