コンピュータの総合情報 [Masaaki NEMOTO] ホーム | ソフト | HTML | UNIX | 書籍 | パソコン | リンク | ショッピング | 検索

ウェブサイト作成講座

ホーム | ソフトウェア | HTML | UNIX | コンピュータ書籍 | パソコン購入ガイド | リンク | ショッピング | 検索
Download! Quick Post Card
楽天ブックス

分割の方法

フレームで上下に分割

フレームで、ウィンドウを上下に分割します。次のサンプルは、<head>タグと</head>タグの間に書いて下さい。
サンプル 
<frameset rows="20%,80%">
  <frame src="menu.html">
  <frame src="main.html">
</frameset>
サンプルの結果
フレームで上下に分割

20 % や 80 % となっている部分は、ウィンドウに表示される割合です。この例では、上からの割合となっています。また、100、* というように、ピクセル単位でも指定することが出来ます。この時 * は、残りの全てという意味となります。

<frame>には、ファイルを割合を指定した順に指定します。この場合、上から 20 % menu.html を表示し、その下の 80 % に main.html を表示します。

フレームで左右に分割

フレームで、ウィンドウを左右に分割します。次のサンプルは、<head>タグと</head>タグの間に書いて下さい。

サンプル 
<frameset cols="30%,70%">
  <frame src="menu.html">
  <frame src="main.html">
</frameset>
サンプルの結果
フレームで左右に分割

30 % や 70 % となっている部分は、ウィンドウに表示される割合です。この例では、左からの割合となっています。また、200、* というように、ピクセル単位でも指定することが出来ます。この時 * は、残りの全てという意味となります。

<frame>には、ファイルを割合を指定した順に指定します。この場合、左から 30 % menu.html を表示し、その右の 70 % に main.html を表示します。

フレームの境界線を消す

境界線を消すには、次のように frameborder で no を指定します。

サンプル 
<frameset cols="30%,70% frameborder="no">
  <frame src="menu.html">
  <frame src="main.html">
</frameset>
サンプルの結果
フレームの境界線を消す


b-click

このコンテンツ内のデータは無断で使用しないで下さい。 ただし「Quick Post Card」については、 付属のドキュメントファイルに従ってご使用下さい。 詳しくは、「このサイトについて」をご覧下さい。
Copyright (C) 2004-2008 Masaaki NEMOTO. All Rights Reserved.
 商品無料仕入れ戦隊『電脳卸』 商品無料仕入れ戦隊『電脳卸』