曼荼羅３×３の９フレームの作り方
- 曼荼羅３×３の９フレームの作り方を、ホーム頁作成ソフトでは３フレームまでしか有りませんでしたが、HTML記述を使用することで実現できます。
- 参考書を持っているが、理解できていないため、９フレームの作り方をご指導ください。
- 曼荼羅３×３の９フレームを作るためには、FRAMESETとFRAME要素を使用し、HTMLを記述する必要があります。
- ベストアンサー
曼荼羅３×３の９フレームの作り方
ホーム頁作成ソフトでは３フレームまでしか有りませんでした。 <FRAMESET rows=*,* frameBorder=yes> <FRAME name=top src="Mandara02.files/page002.html"> <FRAMESET frameBorder=yes cols=*,*> <FRAME name=lbottom src="Mandara02.files/page003.html"> <FRAME name=rbottom src="Mandara02.files/page004.html"> </FRAMESET><NOFRAMES> <BODY bgcolor=#ffffff text=#000000 link=#0000ff vlink=#800080 alink=#ff0000> <A name="_pageHead"></A> <TABLE align="center" border="0" width="640" cellpadding="0" cellspacing="0"> <TBODY> <TR align="left" valign="top"> <TD align="left" valign="top" width="640" nowrap> </TD> </TR> このHTML記述のようなもので９フレームの作り方をご指導ください 参考書は持っていますが理解出来ていません。
- 39jin
- お礼率54% (103/189)
- ホームページ作成ソフト
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
お使いのHP作成ソフトが何であるかが不明ですが・・・ フレームは入れ子にすることが出来ますよ。 例えば、ページ全体を横に3フレームで区切るフレームセットで区切っておいて、それぞれのフレームの中に更に縦2フレームで区切ったフレームセットを入れるようにします。 つまりフレームの中にフレームを入れる訳です。 Google等で「HTML フレーム 入れ子」等のキーワードで検索すれば、多くの情報を得られると思います。 ソースは以下のような感じになります。 <html> <head> <title></title> </head> <frameset rows="33,33,34"> <frameset cols="33%,*"> <frame name="jyoudan_hidari" noresize src="a.html"> <frameset cols="33%,34%"> <frame name="jyoudan_naka" noresize src="b.html"> <frame name="jyoudan_migi" noresize src="c.html"> </frameset> </frameset> <frameset cols="33%,*"> <frame name="cyuudan_hidari" noresize src="d.html"> <frameset cols="33%,34%"> <frame name="cyuudan_naka" noresize src="e.html"> <frame name="cyuudan_migi" noresize src="f.html"> </frameset> </frameset> <frameset cols="33%,*"> <frame name="gedan_hidari" noresize src="g.html"> <frameset cols="33%,34%"> <frame name="gedan_naka" noresize src="h.html"> <frame name="gedan_migi" noresize src="i.html"> </frameset> </frameset> <noframes> <body> フレームに対応したブラウザでご覧下さい </body> </noframes> </frameset> </html>
関連するQ&A
- テーブルにCSSの枠のつけ方
はじめまして、こんにちわ。 HTMLで組んだテーブルにCSSの枠をつけたいと思っています。 ここのページhttp://www.rakuten.ne.jp/gold/royalparty/ の『NEW ITEMS』みたいに1列4行に枠をつけたい場合はどうしたら良いのでしょうか。よろしくお願いいたします。 組んだテーブルは下です。 <table class="newtable" cellspacing="0" cellpadding="0" border="0" width="610"> <tbody> <tr> <td class="photo" valign="middle" align="center" width="138"> 1-1 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-2 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-3 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-4</a></td> </tr> <tr> <td valign="top" align="left" width="138"> 2-1</a> </td> <td valign="top" align="left" width="138"> 2-2</a> </td> <td valign="top" align="left" width="138"> 2-3 </a> </td> <td valign="top" align="left" width="138"> 2-4</a> </td> </tr> <tr> <td valign="top" align="left" width="138">3-1</td> <td valign="top" align="left" width="138">3-2</td> <td valign="top" align="left" width="138">3-3</td> <td valign="top" align="left" width="138">3-4</td> </tr> </tbody> </table>
- ベストアンサー
- HTML
- インラインフレーム内でのテーブル位置指定が上手くいきません
インラインフレームを使用したホームページ作成中なんですが 一箇所だけどうしても解決できないことがあったので質問させていただきます フリー素材サイトのメニューテーブルを左上フレームに使用しているんですが htmlとスタイルシートを上手く使いこなせてないせいで メニューテーブルの位置指定ができずにいます テーブルは縦につなげるタイプのものです 左上フレーム内のright bottomに指定したいのですが上手くいきません 大変見苦しい点が多いとは思いますが どなたか解決策、アドバイス等ありましたらよろしくお願いいたします 【index.html】 <html><head>～</head> <frameset cols="220,*" frameborder="no" border="0"> <frameset rows="90%,10%" frameborder="no" border="0"> <frame src="menu.html" name="menu" scrolling="no"> <frame src="sita.html" name="sita" scrolling="no"> </frameset> <frame src="top.html" name="main" scrolling="auto" > </frameset> <body>～</body> </frameset> </html> 【menu.html】 <html><head>～</head> <body> <table id="left" cellpadding="0" cellspacing="0"> <h2>サイト名</h2> <tr><td><img src=".gif" width="80" height="47"></td></tr> <tr><td><img src=".gif" width="80" height="4"></td><tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><img src=".gif" width="80" height="16"></td></tr> </table> </body> </html> 【スタイルシート】 ～ #left{ width:180px; text-align:right; vertical-align:bottom; }
- ベストアンサー
- HTML
- フレームが表示されない…
今HPを作成してるのですが、色々とタグを試しましたが出来ないの質問します。 自分は、ポケスペというタグで色々と作成できるHPスペースで作ってるのですが、 <p align="center"> <iframe src="http://pksp.jp/*/?o=1" name="menu" frameborder="0" width="20%" height="90%"> </iframe> <iframe src="http://pksp.jp/*/?o=2" name="main" frameborder="0" width="70%" height="90%"> </iframe> </p> というタグで、インナイフレーム？は表示出来るのですが。 <FRAMESET cols="50%,50%" frameborder="NO" border="0"> <FRAME name="left" src="1のURL"> <FRAME name="right" src="2のURL"> </FRAMESET> という、普通の？インナイじゃないフレームは表示されないのです。 どなたか、わかりますか？インナイじゃなくフレームを表示させたいのです。
- 締切済み
- その他([技術者向] コンピューター)
- 表（table）の字の大きさの設定
ブログに表を載せたいと思って調べているところなのですが、↓のようにして、入力すると、字が１４くらいの大きさになってしまいます。９くらいの小さめの字にしたいのですが、字の大きさは、どのように入力すれば良いのでしょうか？教えて下さい。どうぞ宜しくお願い致します。 <div align="center"> <table border=1><tr><tdalign="center"colspan="3"bgcolor="#99ee66">あ<BR>あ</td></tr><tr><td align="center" colspan="3"bgcolor="#ffcd59">あ</td></tr><tr><td width="30" align="left" valign="top" bgcolor="#efefde">あ</td><td width="45" align="left" valign="top" bgcolor="#efefde">あ</td><td align="left">・あ<BR>あ</td></tr><td width="30" align="left" valign="top" bgcolor="#efefde">あ</td><td width="45" align="left" valign="top" bgcolor="#efefde">あ</td><td align="left">あ</td></tr></table></div>
- ベストアンサー
- HTML
- フレームの境界線
結論から言えば、自分のイメージする通りの境界線（立体的でなく色のついたもの）ができたわけですが、なぜ、このようなタグの書き方でできたのか理解できていないので、解説をおねがいしたいのですが、、。 <html> <frameset cols="300,*" frameborder="yes" bordercolor="#5588bb"> <frame src="top-main.html" frameborder="no"> <frame src="top-right.html" frameborder="no"> </frameset> </html> <frameset>の部分でframebordr="yes"としてるのに<frame>の部分でframeborder="no"としているのは矛盾している気がするのですが、、。 該当するページは http://homepage2.nifty.com/sonodax/top.html で、Windows+IE5.0でのみ確認できています。 よろしくお願いします
- 締切済み
- HTML
- aspファイル内でのIF文埋め込み
現在とあるホームページの編集をするのに.aspファイルをいじっています。 ホームページ上に「氏名」と「社員番号5桁」を入れるテキストボックスがあり、それを以下のように表示させています。 1.氏名：○○ (社員番号：○○) <tr height="25"> <td width='25' align='left' valign='top'>1.</td> <td nowrap width='120' align='left' valign='top'>氏名：</td> <td width='400' align='left' valign='top'><b><%= session.contents("name") %></b> (社員番号：<b><%= session.contents("bangou") %></b>)</td> </tr> この時「社員番号」テキストボックスに入力があれば(社員番号：○○)の部分を表示させ、 入力がない場合(社員番号：○○)の表示そのものをしない設定にしたいのですが、aspやhtmlに関して未経験で勉強での知識だけでは追いついていないため、<%>を使った埋め込みや、構文が出来ていない為困っております。なのでお力添えして頂けると有り難いです。 <tr height="25"> <td width='25' align='left' valign='top'>1.</td> <td nowrap width='120' align='left' valign='top'>氏名：</td> <td width='400' align='left' valign='top'><b><%= session.contents("name") %></b> <% if len("HosCode") = 5 then %> (社員番号：<b><%= session.contents("bangou") %></b>)</td> <% end if %> </tr> ↑私自身が考えてみた一例(5桁を入れても「社員番号：○○が表示されない」)
- 締切済み
- Microsoft ASP
- フレームと余白
<html> <FRAMESET ROWS="100,*" FRAMESPACING="0"> <FRAME SRC="a.html" scrolling="no" frameborder="1" noresize> <FRAME SRC="b.html"> </FRAMESET> </html> a.htmlにscrolling="no"は必須です。 b.htmlにscrolling="no"は付けてはいけません。 a.htmlもb.htmlも内容は <html> <body style=margin:0> <table border=0 width=100%><tr><td>a</table> </body> </html> です。 b.htmlはwidth=100%になっていません。 見た目がwidth=100%になる方法を教えてください。
- 締切済み
- HTML
- フレームの上下でテーブルの横幅を合わせたい場合
パソコン用ホームページでフレームを使用したページを作成中なのですが、メニューを上フレームに横並びにして記述したので、それと同じ幅のテーブルを下フレームにも作りたいのです。 しかし！ブラウザが違うと横幅が違ってしまうので困っています。 下にタグを記述します。 なんでもいいのでアドバイスをお願い致します。 <html> <head> <title>テスト</title> </head> <body> <div align="center"> <table cellspacing="1" cellpadding="0"> <tbody> <tr> <th valign="top" class="td1" align="left"> あああ </th> <td width="200"> ううう </td> </tr> <tr> <td> <textarea rows="15" cols="70">いいい</textarea> </td> <td valign="top" class="td1"> えええ </td> </tr> </tbody> </table> <br> </div> </body> </html>
- ベストアンサー
- HTML
- フレームがばらばらに・・・
ホームページを上下二つのフレームに分けて作ったのですが、 ウィンドウを大きくすると二つが離れてしまいます。 <frameset rows="430,88" frameborder="NO" border="0" framespacing="0"> <frame src="top_frame_main.html" name="mainFrame" marginheight=0> <frame src="top_frame_navi.html" name="naviFrame" marginheight=0> </frameset> 上の二つのフレームが同じ距離を常に保つようにするには どうすればよいでしょうか？教えてください！
- ベストアンサー
- HTML
- フレームとBODYについて
フレームで作成したページににメニューを表示したいのですが、うまくいきません。 <BODY onScroll="setMenu"> <FRAMESET COLS="80,*" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0> <FRAME SRC="hidari.html" NAME="HIDARI"> <FRAME SRC="migi.html" NAME="MIGI"> </FRAMESET> <DIV ID="fMENU" STYLE="POSITION:ABSOLUTE; TOP:0; LEFT:0;"> <IMG SRC="../img/var.jpg" NAME="VAR" WIDTH=101% HEIGHT=25 STYLE="filter:Alpha(opacity=40);" onMouseOver="change(this,100);" onMouseOut="change (this,40);"> <script src="detail.js"></script> </DIV> とするとメニューは表示されますが、フレームが表示されません。 <FRAMESET COLS="80,*" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0> <FRAME SRC="hidari.html" NAME="HIDARI"> <FRAME SRC="migi.html" NAME="MIGI"> </FRAMESET> <BODY onScroll="setMenu"> <DIV ID="fMENU" STYLE="POSITION:ABSOLUTE; TOP:0; LEFT:0;"> <IMG SRC="../img/var.jpg" NAME="VAR" WIDTH=101% HEIGHT=25 STYLE="filter:Alpha(opacity=40);" onMouseOver="change(this,100);" onMouseOut="change (this,40);"> <script src="detail.js"></script> </DIV> とすると、メニューは表示されませんが、フレームは表示されます。 両方表示させたい場合はどうしたらいいでしょうか？
- ベストアンサー
- CSS
お礼
ありがとう御座いました。自分の能力でも確認出来ました。Googleも覗きました。 実はソフト「ネタの種（紙2001）」の中に画像を細かく取り込もうとしたのです。