【HP作成質問箱(過去ログ一覧)】  一覧

◆No.5322 レイアウトコンテナ [△三角] 03/10/20 (月) 15:32

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

◆No.-5323 Re:レイアウトコンテナ [△三角] 03/10/13 (月) 18:18

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

◆No.-5325 Re^2:レイアウトコンテナ [atom] 03/10/13 (月) 19:20

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

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

◆No.-5335 Re^3:レイアウトコンテナ [△三角] 03/10/15 (水) 20:21

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

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

◆No.-5336 Re^4:レイアウトコンテナ [atom] 03/10/15 (水) 20:26

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

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

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

◆No.-5338 Re^5:レイアウトコンテナ [△三角] 03/10/15 (水) 21:13

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

フレームも出来ます。

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

◆No.-5339 Re^6:レイアウトコンテナ [atom] 03/10/15 (水) 21:20

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

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

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

◆No.-5343 Re^7:レイアウトコンテナ [△三角] 03/10/16 (木) 06:23

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

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

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

◆No.-5344 Re^8:レイアウトコンアテナ [みか] 03/10/16 (木) 08:59

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

◆No.-5345 Re^9:レイアウトコンアテナ [atom] 03/10/16 (木) 11:24

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

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

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

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

具体的には、37行目以降、
#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;}
・・・・

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

◆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:レイアウトコンアテナ [atom] 03/10/18 (土) 19:03

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

「あ縲怩ィ」の項目は次のようになってます。

<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」なら灰色になってしまうでしょうに。

◆No.-5378 Re^14:レイアウトコンアテナ [△三角] 03/10/19 (日) 13:56

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

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

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

◆No.-5379 Re^15:レイアウトコンアテナ [atom] 03/10/19 (日) 19:58

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

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

◆No.-5382 Re^16:レイアウトコンアテナ [atom] 03/10/20 (月) 15:46

作ってみました。

【テスト】
<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


◆No.5324 Yahoo!? [エリンゴ] 03/10/13 (月) 19:21

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

◆No.-5326 Re:Yahoo! [atom] 03/10/13 (月) 19:21

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

◆No.5327 複数行テキストについて。 [su1024shi] 03/10/14 (火) 19:47

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

◆No.-5328 Re:複数行テキストについて。 [atom] 03/10/13 (月) 22:29

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

オンマウスで説明表示

です。

◆No.-5329 Re^2:複数行テキストについて。 [su1024shi] 03/10/14 (火) 19:47

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

◆No.5330 画像でリンクすると・・・ [みひろ] 03/10/15 (水) 23:39

お久しぶりです。

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

◆No.-5331 Re:画像でリンクすると・・・ [atom] 03/10/14 (火) 21:32

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

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

◆No.-5332 Re^2:画像でリンクすると・・・ [みひろ] 03/10/15 (水) 00:39

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

◆No.-5333 Re^3:画像でリンクすると・・・ [atom] 03/10/15 (水) 01:30

やっぱりそうです。

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

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

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

◆No.-5341 Re^4:画像でリンクすると・・・ [みひろ] 03/10/15 (水) 23:39

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

◆No.5334 画像のリンク切れの処置について [スコール] 03/10/15 (水) 23:43

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

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

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

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

◆No.-5337 Re:画像のリンク切れの処置について [atom] 03/10/15 (水) 20:50

できないと思います。

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

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

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

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

◆No.-5340 Re^2:画像のリンク切れの処置について [みか] 03/10/15 (水) 23:07

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

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

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

◆No.-5342 Re^3:画像のリンク切れの処置について [atom] 03/10/15 (水) 23:43

おお縲怩チ、すっげぇ縲怐D.
みかさんまたまたありがとうございます。

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

◆No.5349 フレームの中にフレームページを作りたい。 [tomopu] 03/10/17 (金) 23:24

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

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

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

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

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

◆No.-5351 Re:フレームの中にフレームページを作りたい。 [atom] 03/10/17 (金) 21:04

ふむ..これだけでは解りませんが、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
の2つですよね?

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

◆No.-5353 Re^2:フレームの中にフレームページを作りたい。 [tomopu] 03/10/17 (金) 21:51

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

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

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

◆No.-5354 Re^3:フレームの中にフレームページを作りたい。 [atom] 03/10/17 (金) 22:01

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

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

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

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

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

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

◆No.-5357 Re:フレームの中にフレームページを作りたい。 [tomopu] 03/10/17 (金) 23:24

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

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

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

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

◆No.5350 スタイル属性のタグについて [宿軒] 03/10/18 (土) 21:33

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

◆No.-5352 Re:スタイル属性のタグについて [atom] 03/10/17 (金) 21:18

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

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

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


これはテスト表示

◆No.-5375 ありがとうございました [宿軒] 03/10/18 (土) 21:33

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

◆No.5355 HTMLソース [さき] 03/10/18 (土) 13:59

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

FrontPageExpressのHTMLソースとはどこにあるのでしょうか?
貼り付けたいのですが・・・。

◆No.-5356 Re:HTMLソース [atom] 03/10/17 (金) 23:21

コマンドメニューの「表示」竏秩uHTML」がそうです。

◆No.-5358 Re^2:HTMLソース [さき] 03/10/17 (金) 23:24

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

◆No.-5359 Re^3:HTMLソース [atom] 03/10/17 (金) 23:33

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

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

◆No.-5360 Re^4:HTMLソース [さき] 03/10/18 (土) 00:09

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

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

◆No.-5361 Re^5:HTMLソース [atom] 03/10/18 (土) 00:13

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

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

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

◆No.-5362 Re^6:HTMLソース [さき] 03/10/18 (土) 13:25

ありがとうございます。

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

◆No.-5363 Re^7:HTMLソース [atom] 03/10/18 (土) 13:31

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

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

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

◆No.-5364 Re^8:HTMLソース [さき] 03/10/18 (土) 13:36

ブラウザで見ました。

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

◆No.-5365 Re^9:HTMLソース [atom] 03/10/18 (土) 13:52

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

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

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

◆No.-5366 ありがとうございました。 [さき] 03/10/18 (土) 13:59

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

◆No.5368 はじめまして。 [poporu] 03/10/18 (土) 17:24

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

◆No.-5369 Re:はじめまして。 [atom] 03/10/18 (土) 16:47

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

◆No.-5370 Re^2:はじめまして。 [poporu] 03/10/18 (土) 16:56

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

◆No.-5371 Re^3:はじめまして。 [atom] 03/10/18 (土) 17:26

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

これは、表示できます。

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

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

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

◆No.5376 画像が表示できません。 [dolly] 03/10/22 (水) 00:40

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

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

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

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

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

◆No.-5377 Re:画像が表示できません。 [atom] 03/10/19 (日) 09:16

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

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

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

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

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

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

◆No.-5380 Re^2:画像が表示できません。 [dolly] 03/10/20 (月) 04:41

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


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

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

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

◆No.-5381 Re^3:画像が表示できません。 [atom] 03/10/20 (月) 10:41

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

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

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

◆No.-5383 Re^4:画像が表示できません。 [dolly] 03/10/22 (水) 00:40

回答有難うございます。

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

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



Home ↑ページトップ

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

page update:2007/03/30
タオル卸市場

技術提供:株式会社ピーオーピー
SEO対策 & ツール