◆No.4145 教えてください。（TOPの配置について） [ユリ] 03/04/20 (日) 12:55
初めまして。ユリと申します。
サイトのTOPページの画像配置についてなんですが、
左に画像、その横（右）にメニューと配置したいのですが、
画像とメニュー（タグ）はどうにか隣同士にもってくることはできたのですが、デコボコに揃ってしまいます。
どのようにしたらバランス良く、配置できるのか教えて下さい。
よろしくお願いしますm(_ _)m
参考としては、↓のようなTOPの配置にしたいのですが。
http://village.infoweb.ne.jp/~fujimaki/top.htm
◆No.-4146 Re:教えてください。（TOPの配置について） [atom] 03/04/20 (日) 07:59
ふむ、両方見ました。
で、どこから説明すればいいだろう？
中身を見ると、HTMLの書式になってないんですよね。
たとえば、<html>縲鰀</html>、<head>縲鰀</head>、<body>縲鰀</body>など、通常あるはずのタグがありません。
それと、最初のほうには、</pre>の開始タグがないのに終了タグだけがあったり、無駄とも思える<td>タグの繰り返しがあったりしています。
これはどうやって作成しましたか？
手打ち？それともなにかソフトを使ってる？
もし手打ちなら、まず基本をしっかり覚えていただきたい。
そして、無駄のところを省いて、できるだけシンプルにしてください。
そうしないと、これからもいつも思ったとおりのページができなくなりますよ。
次に、言われているページの構成ですが、tableタグを使えば比較的簡単にできます。
テーブル（表）については、ここのトップ「HTMLの扉」を参照してください。
【サンプル】
<table border="1">
<tr>
<td>
ここに画像を入れる
<img src="/images/baloon.gif">
</td>
<td>
こちらにメニューを作る
・メニュー1
・メニュー2
・メニュー3
</td>
</tr>
</table>
ここに画像を入れる  | こちらにメニューを作る ・メニュー1 ・メニュー2 ・メニュー3 |
◆No.-4147 Re^2:教えてください。（TOPの配置について） [ユリ] 03/04/20 (日) 12:55
atomさん、ありがとうございます！！ヽ(〃'▽'〃)ノ
自分の思っていた感じに仕上げることができました♪
本当に感謝します！
HTMLの基本書式は、この掲示板にアップロードするので、省きました。f(^_^; HPをを公開する時は、きちんと記入しておりますので、大丈夫ですよ。
>>>これはどうやって作成しましたか？
これは、フリーソフトで作成しております。
勉強にもなりましたし、あといろいろな指摘、ありがとうございました！！これで、前よりも良いサイト作成が出来ると思います。
ｖ(*^ー^*)
◆No.4152 表示について。 [モネ] 03/04/22 (火) 16:24
ttp://www.robot-search.com/bbs/index.html
ttp://www.robot-search.com/bbs/bbs.cgi
のように、
index.htmlとbbs.cgiで同じものを表示させるにはどうすればいいかわかりますか？
私はindex.htmlの方でJavaScriptを使うのかと思っているのですが、
具体的にどうすればよいかわかりません。
ソースを見るとフレームを使っているわけではなさそうですし・・・
わかる方いらっしゃいましたら教えてください。
よろしくお願いします。
◆No.-4153 Re:表示について。 [atom] 03/04/22 (火) 16:02
SSIはご存知ですか？
使えるサーバーと使えないサーバーがありますが、ここのトップページの「ＨＰ作成の予備知識」にSSIについての説明があります。
一度読んでみて下さい。
◆No.-4154 できました！ [モネ] 03/04/22 (火) 16:24
SSIとは盲点でした。
いや、本当は盲点でも何でもないのでしょうが、
普段あまり使い慣れていないだけに、思いつきませんでした。
どうもありがとうございました。
◆No.-4156 Re:画像… [atom] 03/04/22 (火) 18:55
ふむ、単純な説明でいいのかなぁ．．
【サンプル】
<img src="/images/baloon.gif">
詳しくは、ここの「HTMLの扉」で解説しています。
◆No.4157 ホームページビルダーで作成中ですが・・・ [スカーレット] 03/04/24 (木) 20:32
はじめまして。フォームを使い、ラジオボタンで性別を選択する設定を作っていますが、プレビューで見るとどちらも押すことができ、両方つき、1回押したら消えません。どちらか1つしか押せない、または1回押して再度押せば消える設定は、属性のグループ名、選択値等に何か設定を入れるのでしょうか？宜しくお願いします。
◆No.-4160 Re:ホームページビルダーで作成中ですが・・・ [atom] 03/04/24 (木) 17:52
ラジオボタンは、名前でグループ化を判断します。
同じ名前のものは、１つしか選択できないようになってます。
詳しくは、ここの「HTMLの扉」竏秩u12.フォームの作成」で解説しています。
【サンプル】
<form>
<INPUT type="radio" name="radio1" value="1" checked>
<INPUT type="radio" name="radio1" value="2">
<INPUT type="radio" name="radio2" value="1">
<INPUT type="radio" name="radio2" value="2" checked>
</form>
◆No.-4166 Re^2:ホームページビルダーで作成中ですが・・・ [スカーレット] 03/04/24 (木) 20:32
本日中に教えていただき、心から感謝です！
ありがとうございます。
初めてのホームページ作りで、マニュアル本と首っ引きでしたが、細かいところで行き詰まっていたので、これからもお尋ねすると思います。
どうぞよろしくお願いしま縲怩ｷ！
◆No.4158 質問なのですが。 [メイ] 03/04/26 (土) 18:42
お願いします。
画像とフレームが少し重なっていて、画像の下にフレームがあるＨＰを見ました。文で表現するのがむずかしいので、そのＨＰのＵＲＬを載せようとおもったのですが、行き方が分からなくなってしまったので、文で表現しますが分かりにくかったらごめんなさい；
なんというか 普通のページの画像がフレームページにまではみ出しているような、
そんな感じのものをやりたいのですが
どうやってやればいいのでしょうか。（表現がおかしいですが；）
お願いします。
◆No.-4161 Re:質問なのですが。 [atom] 03/04/24 (木) 17:56
う縲怩D．フレームページじゃないと思うんですがねぇ．．
そのページを見ないことには、なんともいえませんね。
私の知識でフレームページにまたがる処理は考えられないですね。
知らないだけかもしれませんが．．
そのページが解れば、どういう処理をしているかがわかるんですがねぇ。
◆No.-4175 Re^2:質問なのですが。 [メイ] 03/04/25 (金) 22:08
> そのページが解れば、どういう処理をしているかがわかるんですがねぇ。
似たようなページを見つけました。
http://www.asukanet.gr.jp/asuka-daisuki/cont05-03-01.htm
なんとなく、フレームに画像がかかってる様な気がするのですが…；
◆No.-4176 Re^3:質問なのですが。 [atom] 03/04/26 (土) 02:27
ああ、インラインフレームの上に画像が掛かってると言いたいんですね。
この画像は、絶対座標を指定して、自分の好きな位置に画像を持ってくる方法です。
インラインフレームも画像もすべて絶対座標で指定しています。
こうすると、後から指定したものが浮いたような感じになります。
ホームページビルダーならどこでも配置モードというものです。
ここのＨＰの「HTMLサンプル」竏秩u画像の重ね合わせ」と同じ手法です。
ここのDIVタグを使った方法がそれです。
◆No.-4179 Re^4:質問なのですが。 [メイ] 03/04/26 (土) 18:42
有り難う御座いました。
絶対座標を指定して、自分の好きな位置に画像を持ってくる方法とは、気づきもしませんでした。
早速やってみます。
◆No.4159 教えてください（連番の検索？方法） [Superschaft] 03/04/24 (木) 18:41
はじめまして。
連番のうちのどれかの数字をフォームに入力して、指定されたページを表示させる事は可能でしょうか？
例えば100から999までの数字で、50から90までのどれかの数字を入力したら｢ページA｣、91から120までは｢ページB｣という感じで考えています。
そもそも不可能なのでしょうか？
すみませんが宜しくお願いします。
◆No.-4162 Re:教えてください（連番の検索？方法） [atom] 03/04/24 (木) 18:01
> そもそも不可能なのでしょうか？
不可能なことはないです。
Javascriptを使用すればできます。
ただ、ここのＨＰでそのようなサンプルは具体的過ぎて作ってないですね。
どうしても数字を入力させないとダメなのですかねぇ。
ちょっと形は違いますが、ここの「Javascriptサンプル」竏秩uセレクトジャンプ」が参考になりませんかね。
この一覧表に、その数字の範囲を表示させておくとか．．
言われるようなものは、ここではオリジナル作成になってしまいますね。
ただ、勉強する気があるなら、ここのJavascriptサンプルを組み合わせればできなくはないです。
◆No.-4163 Re^2:教えてください（連番の検索？方法） [Superschaft] 03/04/24 (木) 18:41
早速の御返事有り難うございます。
Javascriptは少しだけしか勉強していないので、範囲表示にするか、入力形式にするかよく考えてみます。
本当に有り難うございました。
◆No.4164 jpeg画像について・・ [きりん] 03/04/25 (金) 14:30
こんにちは。
いきなりですいませんが、質問があります。
普通の(gifなどの）画像はHP作成に書いてあるタグで表示できるのですが、なぜか写真(jpeg)画像は表示できないんです。
何か違うタグがあるのでしょうか？
それとも、パソコンの設定に問題があるのでしょうか？
あ、パソコンの設定はここで聞く事ではないですね^^;
画像は同じフォルダに入れてありますし、
なにがいけないのかが分かりません。
長くなってすいませんが、解決策があれば教えてください。
よろしくお願いします。
◆No.-4165 Re:jpeg画像について・・ [atom] 03/04/24 (木) 20:28
きりんさん、こんにちは。
アップしているファイルを見ました。
すると、画像の指定が
<BODY BACKGROUND="choko.jpg" WIDTH="360" HEIGHT="270">
となってました。
正しくは、
<img src="choko.jpg" WIDTH="360" HEIGHT="270">
ですよね？
ここを直せば表示されるのではないでしょうか？
◆No.-4167 Re^2:jpeg画像について・・ [きりん] 03/04/24 (木) 21:05
早速のレスありがとうございます！
しかし、やはり表示されないのですが・・。
ただ、前はなにもなかったところに、
「画像が表示できませんマーク」（小さな四角に赤い×が出る、あれです）
が出るようになりました^^;
やはりパソコンに問題があるのでしょうか・・。
一応、またファイルをアップしておきます。
色々ご迷惑かけて、申し訳ありません・・。
◆No.-4169 Re^3:jpeg画像について・・ [atom] 03/04/24 (木) 23:13
ふむ、おそらくこのHTML文書と同じところ（フォルダ内）にその画像がないのではないでしょうか？
あと、ここのトップページの「ＨＰ作成の予備知識」にも画像が表示されない場合の解説がありますので読んでおいて下さい。
◆No.-4172 Re^4:jpeg画像について・・ [きりん] 03/04/25 (金) 14:30
早速のレス、それも２度にわたって、ご迷惑おかけします＆ありがとうございます。
> ふむ、おそらくこのHTML文書と同じところ（フォルダ内）にその画像がないのではないでしょうか？
それは大丈夫なようです・・。
>
> あと、ここのトップページの「ＨＰ作成の予備知識」にも画像が表示されない場合の解説がありますので読んでおいて下さい。
はい。もう一度、やり直しながらやっていきます。
どうも、本当にありがとうございました！
◆No.4168 別のＰＣで作った画像を… [ハチ] 03/04/27 (日) 01:16
初めて質問します。
現在、ＭａｃとＷｉｎを併用して使っています。
これからＨＰを作成したいと思うのですが、ＨＰ作成の主体を(フォルダなどをすべて管理している)のをＷｉｎにして、Ｍａｃで作った画像をＷｉｎに渡してＨＰ上にあげるにはどういった方法がいいのでしょうか？
Ｍａｃで直接ＨＰを作れば…と自分でも思うのですが、Ｍａｃは古くてただでさえガタがきてる上に、普段はネットに繋がないのでウイルススキャンソフトなど何も入れていません。
しかし大事な作業をするＰＣなので、外部から悪いものをもらったら…と思うと心配です。
馬鹿な質問なうえにここで聞いていいことなのかどうかも怪しいですが…。もし場ちがいでしたら申し訳ありません。
◆No.-4170 Re:別のＰＣで作った画像を… [atom] 03/04/24 (木) 23:19
ふむ．．私がMacを使っていない以上はっきりしたことが言えないのです。
ここに来られてる定連さんの中にMacユーザーがおられるので、その方がレスしてくれるといいのですが．．
◆No.-4171 Re^2:別のＰＣで作った画像を… [ハチ] 03/04/24 (木) 23:37
さっそくのレスありがとうございます。
私は今日初めてこのサイトにお邪魔させていただいたのですが、そのＭａｃユーザーの常連さんが見てくださることを祈ります。
ありがとうございました！
◆No.-4173 Re^3:別のＰＣで作った画像を… [NOLIHISA] 03/04/25 (金) 17:59
ハチさん初めまして。
MacユーザのNOLIHISAです。
Mac <-> Winのデータ交換で一番簡単なのは、フロッピーでの移動ではないでしょうか。
しかし、iMacあたりからマックはフロッピーがないんですよね・・・
もし、フロッピーがあるなら、それがいいと思います。
（ただ、MacOSXだとWindowsのFDが読めないですが）
フロッピーがない。もしくはフロッピーに入りきらないという場合は、USBメモリーという方法もあります。
これは、どっちでも対応しているものが売っています。
また、容量が多く、便利です。
上記の二つの方法が両方とも不可能な場合は、ちょっと面倒ですが、HTTPサーバー（Web共有コントロールパネルを使います）を使う方法があります。
しかし、HTTPサーバーなどを使う関係上、多少のネットワークに関する知識が必要になります。
◆No.-4174 Re^4:別のＰＣで作った画像を… [atom] 03/04/25 (金) 19:11
NOLIさんありがとうございました。
◆No.-4180 ありがとうございます！ [ハチ] 03/04/26 (土) 22:50
私のＭａｃはフロッピーはついてないのですが、ＣＤ竏窒qになら焼けます。
それでＣＤでの受け渡しか、メールに画像を添付してＷｉｎ側で受信して受け取る…という方法を考えていました(なにかものすごく素人くさいやり方ですが(^^;))
ＵＳＢメモリーというのは初めて聞いたのですが、ＣＤやＭＯなど
のような記憶媒体なのでしょうか？
私のネットワークの知識はほぼ皆無に近いのでＨＴＴＰサーバー
を使う方法は荷が重いような気がします。
回答いただいて本当にありがとうございました。
◆No.-4182 Re:ありがとうございます！ [atom] 03/04/26 (土) 23:33
ＵＳＢメモリーとは、丁度100円ライターぐらいの大きさのスティック状のものでその先にはメモリー（記憶メモリ）が付いてます。
ＵＳＢポートに挿して使います。
感じとしては、デジタルカメラや携帯電話のフラッシュメモリやメモリスティックのようなものです。
◆No.-4186 Re^2:ありがとうございます！ [ハチ] 03/04/27 (日) 01:16
そうなんですか縲怐B
それは確かに使いやすそうかも…。
さっそく今度、お店で探してみたいと思います。
NORIHISAさんもatomさんも本当にありがとうございました。
◆No.4177 画像の表示について [あさひ] 03/04/27 (日) 20:55
はじめまして。あさひと申します。
いつもこちらのページを参考にさせて
いただいております。
今回画像についてお聞きしたいことがありまして
書き込みいたしました。
GIF画像をサイト上で見た場合きれいに
表示されず画像の下の部分がにじんだようになる
ことがあります。
そのページ全体の画像がそうなるのではなく
一部のものだけなのですが。
またそのにじんだ画像を保存してみて確認すると
「プレビューが利用できません」とのコメントが出ます。
プロパティで確認したところアドレスなどに問題は
ないと思うのですが。
お忙しいところ申し訳ございませんが、どうぞよろしく
御願い致します。
◆No.-4178 Re:画像の表示について [atom] 03/04/26 (土) 07:35
そのページを見せてください。
◆No.-4188 Re^2:画像の表示について [あさひ] 03/04/27 (日) 07:28
おはようございます。
やはり画像自体をみていただかないと
確認できませんよね。すみませんでした。
実は私自作のGIF画像を差し上げた方のところで
上記のような状態になっているのです。
その方に以前に差し上げたものについては表示されて
いますし、同じように差し上げた他の方の
ところでも表示されているのです。
差し上げた手前責任を感じ投稿させていただきました
が、自身のサイトではないのでこちらにURLを記載
いたしますのは控えさせていただきました。
お手数おかけしすみませんでした。
ありがとうございました。
◆No.-4189 Re^3:画像の表示について [atom] 03/04/27 (日) 08:35
> 差し上げた手前責任を感じ投稿させていただきました
> が、自身のサイトではないのでこちらにURLを記載
> いたしますのは控えさせていただきました。
なるほど、う縲怩D．文脈から推察しますと、アップの仕方が悪いか、ダウンの仕方が悪いのではないでしょうか？
あくまで、憶測でしかないですが．．
貴方が作ってからサーバーにアップされるまでの間にいくつかのステップを踏みますが、その途中で知らぬ間に画像が壊れているのでしょうね。
どこで画像が壊れるかをまず確かめるべきです。
１．貴方が保存してる画像。
２．送付した画像。
３．相手が受け取った画像。
４．アップ前のパソコンの画像。
５．アップ後のサーバーの画像。
です。
もちろん５．は壊れてるということになりますが。
にじむということは、大きな問題ではなく画像取り扱いのちょっとしたミスだろうと思います。
たとえば、画像をサーバーにアップするときに、「テキストモード」でアップしたとか．．
あるいは単純なところでは、原版のサイズで表示させずに、拡大・縮小を知らずに行ってしまってるとか．．
特に、IMGタグのwidth、heightの設定が無意識に指定されたり、以前の画像の設定が残ってる場合などです。
◆No.-4204 Re^4:画像の表示について [あさひ] 03/04/27 (日) 20:55
atomさん、こんばんは。
私の不十分な説明に丁寧なご回答ありがとう
ございました。
アドバイスのとおり画像の破損状況について
今一度確認してみます。
お忙しいところどうもありがとうございました。
これからもどうぞ宜しく御願い致します。
◆No.4181 文字をクリックして・・・ [ＴＡＫＡＫＯ] 03/04/27 (日) 11:12
フレームページのメニューを、文字をクリックすると下に
メニューが表示されるようにしたいんです。
ツリーみたいな感じの･･･。
プルダウンメニューっていうんでしょうか？
作り方がわからないんです。
教えてください↓
◆No.-4183 Re:文字をクリックして・・・ [atom] 03/04/26 (土) 23:34
プルダウンメニューならここのJavascriptサンプルにあります。
目を通してみてください。
◆No.-4184 返答ありがとうございます。 [ＴＡＫＡＫＯ] 03/04/26 (土) 23:44
プルダウンメニューの設置はできました。
でもリンクの貼り方がどうしてもわからなくて。。
なんども申し訳ありません。
◆No.-4185 Re:返答ありがとうございます。 [atom] 03/04/26 (土) 23:57
リンクの張り方はご存知でしょう？
<a href="page1.htm">menu1</a>
詳しくは、ここの「HTMLの扉」で開設しています。
◆No.-4190 どうしても・・・ [ＴＡＫＡＫＯ] 03/04/27 (日) 10:19
エラーになってしまうんです。
ランタイムエラーとか表示されちゃって。
まだ作成中なのですがＵＲＬをのせてました。
何が問題なのでしょう？
◆No.-4192 Re:どうしても・・・ [atom] 03/04/27 (日) 11:12
サンプルをよく見てください。
そちらのソースには
<SPAN id=div01 name="div02">
が２ヶ所存在します。
これではエラーが出ます。
正しく訂正するか、もう一度作り直してください。
それと、もしコピペをデザイン画面でしているなら、HTMLソース画面でするようにしてください。
デザイン画面は、コピーしてはならないところをコピーしたり、タグの前後関係が、不定になったりします。
