HTMLでのHP作成のアドバイス

このQ&Aのポイント
  • テーブルの配置について
  • メニューとメインの配置について
  • HTMLの勉強におすすめのサイト
回答を見る
  • ベストアンサー

フレームなどのHTMLについて

エディタなどを使って、HPを作成しようとしています。 自分でいろいろ配置しながらソースを確認してやってるんですが、 どうにもうまくいかないので、2つほどアドバイスお願いします。 (1)例えばテーブルを1つ作ったとして、その横に文章を書く時、テーブルの1番下のところにしか文字が書けません。 また同じようなことだと思うんですが、テーブルの横に少し間を開けてテーブルを作成しようとしても、元あったテーブルの下へ出来てしまい、横に並べて作ることが出来ません。 どうやったら作れるんでしょうか。 ソフトは「alphaEDIT+」を使用しています。 タグでもいいので教えて頂けると嬉しいです。 (2)HPのベースを作る際、この教えて!gooみたいに、横にメニューを置いて作りたいと思います。 その時、ここと同じようにメインの部分をスクロールさせた時、一緒にメニューも動くようにしたいです。(ブログによくある感じで) これがノンフレームってやつなのか^^; こういう時は、メニューとメインを別々に作ってタグかなんかでくっつけて表示させるんでしょうか? またもしそうなら、普通のフレームで作ったのと同じように、各ページを表示させる時「target」とかで表示させる場所をメインの部分にしておけば、メニューは自動的に表示されるんでしょうか? 初心者なので質問が意味不明かもしれませんm(__)m また、こういうHTMLが分かりやすく書いてあるようなオススメサイトがあれば教えてほしいです。 よろしくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

テーブルを横に並べるには、 (1)テーブルの中にテーブルを入れる。 (2)<table="align="left">とする。 (3)CSSで<table style="display:inline;"> の三通り。 文字も同じ。 テーブルはブロック要素ですからね、(3)で文字の場合は一行だけです。 教えて!gooのメニューその他はテーブルレイアウト(テーブルの中にテーブルを入れる)になってます。

yume77777
質問者

お礼

おおおおおっ(>_<) テーブルの中にテーブルを入れるというのは、思いつきませんでした・・。 たしかにそれならたくさん出来ます! (2)のタグは、1つ目のテーブルのタグの後ろ(2つ目のあたま?)につければいいんでしょうか? それと、この教えてgooの場合は、メニューをそういう作り方で作って、このメインになる場所の中にインラインフレーム(ノンフレームじゃなかった^^;)で置いてるってことでしょうか・・。 と、お礼を忘れてました(>_<) 丁寧なご回答ありがとうございます!

その他の回答 (2)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.3

#1です。 訂正とお詫びです。 <table="align="left"> ←× <table align="left"> ←○ 申し訳ありませんでした <(_ _;)>

yume77777
質問者

お礼

いえいえ、ありがとうございます。 一度やってみて変わらなかったので、「"」なしでやってみたら出来ました^^ ありがとうございました。

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

#1です。 (2)は一個目のテーブルに付けます。 間違っても <table="align="left"> <table> と書かないように ^^; 教えて!gooはインラインフレームは使ってないでしょう。 一つのページにメニューとメインをベタ書きしてます。

yume77777
質問者

お礼

やりかねませんでした^^;; 教えていただけてよかったですっ! あ、普通のテーブルの中にって感じなんですかねぇ。 インラインフレームと、こういうベタなものの区別がいまいち分からなくて・・^^;

関連するQ&A

  • HTMLのフレームとテーブルの違い

    ホームページを作成しようとしているのですが、フレームとテーブルの違いが いまいち理解できません。よくある上下2分割、下側左右2分割のフォームに したいのですが、どのようにすればいいのでしょうか。 上側をタイトル、下側左をメニュー、下側右をメインにしてスクロールできるような 画面を考えています。 ソフトはalphaeditを使用しているのですが、フレームで出来そうかなと思うのですが いまいち使い方がわかりません。 よろしくお願いします。

  • リンクをクリックするとテーブルの部分が変化

    HTML初心者です。 ホームページを作成していますが、メニュー項目をクリックすると テーブルの部分が写真やファイルにリンクして変わるようにしたいのですが、どのようにしたら出来るでしょうか? alphaEDITというソフトを使っていますが、リンクのターゲットは、フレームの名前しか入れることは、出来ないでしょうか? 作りたいHPと同じ形のHPは、以下のURLです。 http://www.geocities.jp/nishikisoccer1982/ よろしくお願いします。

  • alphaEDIT フレームターゲット

    alphaEDITでホームページを作成しています。 フレームを縦2分割にして左側のフレームにメニュー、右側にメニュー 画面にあるメニュー項目をクリックすると右側のフレームの画面が切り替わる・・という風にしたいのですが、メニュー項目にリンクをつける時にターゲットの項目にrightがないので、自分でrightとターゲットのところに記入して見たのですが、実際にネット上で動かすと右側に独立して新しいウインドウページが飛び出てしまいます。 枠の中でパシャツと変わらないのです。 そうするためには、ターゲットの選択は、何にしたらいいでしょうか?

    • ベストアンサー
    • HTML
  • 左フレーム内のリンクを右側に表示させたい

    http://www.rakuten.ne.jp/gold/hotclothing/ HPを作成中でして上記ページのように、左側のメニュー部分を別ページで作ってメニューをクリックすると右側部分に表示されるように作るにはどうしたらよいでしょうか? 試しにテーブルを作って左セルにiframeをセット。呼び出すページはiframeを設定したセルに表示されてしまいます。 あくまでも左にはメニューを置き、ページ右側が切り替わる様に作りたいのですが方法が分かりません。 ソフトはHPビルダー10を使っています。ちなみに「リンクの設定」の「ターゲット」をいじってみたのですが、右側に表示されませんでした。色々調べてみたところ、親フレームに表示させれば・・・という所迄調べたのですが設定の仕方もそれが合ってい るかも分かりません。どなたかご存知の方がいらっしゃいましたらお教え下さい。 説明がへたくそですみません。

  • フレームの中のフレーム

    フレームを使用したサイトを作っています。 メニューとそれの表示部分とありますよね? その表示部分内にメニューから選択すると新たにもう一つのフレームページを表示させたんです。 二つ目のフレームでターゲットを指定した場合、二つ目のフレームページ編集時では問題はなくターゲット指定したページだけが変わるのですが、ベースのフレームページから選択していくと、ターゲット指定しているのにもかかわらず二つ目のフレームだけ全画面表示になってしまうんです。 説明が滅茶苦茶ですみません。 何が問題でそうなってしまうのでしょうか? 判る方、教えていただければ幸いです。

  • HTMLのフレームについて

    左側にメニューを置き、右側をメインにしようとしているのですが、左側のメニューをクリックしても、左側にしか表示されません。 どうすれば良いか教えてください 全体のHTMLが <html> <Html Lang="ja"> <Head> <Title>○</Title> </Head> <Frameset cols="155,*" Frameborder="yes" Scrolling="auto" Bordercolor="#ffcc99"> <Frame src="メニュー~"> <Frame src="メイン~" name="main"> <Noframes> <body> <Center> <p> ○ </p> </Center> </body> </Noframes> </Html> 左(メニュー)のフレームは <html> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>○</Title> </Head> <Body> <BaseFont Size="2"> <Font Size="2"> <A Href="~" target="main"></A><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> </Body> </Html> ですよろしくお願いします

  • 《初心者》HTMLテーブル/フレームについて

    現在HPを作成中です。下記内容のページを 作成したいのですが、方法をご教授下さい。 希望《テーブル処理》  テーブルにて領域を3つに分けます。  [A][B][C]それぞれの役割は下記の通りです。  [A]:[C]領域の表示指定メニュー  [B]:ランダムサイト表示     ランダムにページorサイトを表示します。  [C]:[A]のメニューによって選択されたページor     サイトを[C]領域に表示  《例》  [A]:YAHOO/Goo/infoseekのリンクを作成  [B]:YAHOO/Goo/infoseekをランダムに表示  [C]:初期はGooを表示その後、[A]の指定の     サイトを表示 【現在理解しているところ】 (1)フレームで指定サイトを開く (2)テーブルでサイトを開く。  (指定で開けない。開いたらそのまま。)  出来ればテーブルで作りたいです。  また、現在ランダムにサイトを表示させることが  できません。何か方法がございましたらご教授  下さい。  (もし、フレームでしか方法が無い場合、   スクロールバーを消す手段もご教授頂き   たいです。)

  • DreamweaverMXのフレームについて

    うまく説明できるかわかりませんが、よろしくお願いいたします。 DreamweaverMXを使ってHPを作成しています。 HPではフレームは使用していないのですが、あるページのみにフレームでメニューを作りたいと思っています。 そのページのフレームに設置したメニューから他のページへアクセスした時にはフレームは必要ないので、フレームのないようにしたいのです。 フレームでメニューを設置し、リンク先を指定した後にターゲットを指定すると思うのですが、このターゲットは何にすればよいのでしょうか? それよりもまず、質問したようなことはできるものなのでしょうか?

  • フレーム構成の表示について

    現在、複数のクラブチームに所属しています。 クラブごとにHPを作成しており、見やすい様に フレーム型のHPを作成し参照できるように考えています。 現在作成しているのはこのような状態となっております。 ---------------------------------------------------------------------- ◆フレームセットのHTML <html><frameset cols="200,*"> <frame src="menu.html" name="_MENU"> <frame src="main.html" name="_MAIN"> </frameset></html> ◆メニューのHTML <html><body> <a href="club_AAA.htm" target="_MAIN">クラブA</a> <a href="club_BBB.htm" target="_MAIN">クラブB</a> <a href="club_CCC.htm" target="_MAIN">クラブC</a> </body></html> ◆メインのHTML 個々のHPを表示させるだけなので、中見は無し。 ---------------------------------------------------------------------- 基本的に表示はできるのですが、改善を考えている為、質問させてください。 クラブBのHPは初期表示状態ではセレクトボックスしか表示されていません。 セレクトボックスで選択し、onClickにてJacascriptで表示内容を制御しています。 そのため、今の状態では、  _MENUリンク押下⇒_MAINに表示⇒セレクトボックス選択⇒≪見たい内容が表示≫ となりますが、  _MENUリンク押下⇒_MAINに≪見たい内容≫表示 と一気に飛ばす事は出来ないのでしょうか?

  • HTML リンク先を別フレームに表示したい

    リンク先を別フレームに表示したいのですがうまくできません。 初めてホームページを作っています。画面は縦に2分割です。 ・左側:メニュー menu.html 、 name="menuf"  ・右側:メイン   main.html 、 name="mainf" 左メニューのリンクにtarget="mainf"を設定して、右メインに表示させたいのですが、 何故か新しく別タブが追加されてしまいます。 <a href="表示したいリンクURL" traget="mainf">URL先の名前</a> target="_blank"も試したところ、同じ動きとなりました。 ターゲット先が存在しない、または定義されているnameが間違っている時にこのようなことになると聞いたのですが、何度も見直して誤りがないため作業を進められなくなっています。 別の内容でゼロから作り直したものも、やはり同じ動きになります。 何かパソコン自体の設定なのか、必要なものがインストールされていないのか、 パソコンにもあまり詳しくないため解決ができません。 不慣れな為、説明もわかりにくいかもしれませんが、 何かアドバイスを頂ける方がいらっしゃいましたら、どうぞよろしくお願いします!

専門家に質問してみよう