[トップページに戻る] [改造ＭＥＮＵに戻る] [WebMaster]
�曲�数列に分割する？
ふり〜ぺは、元々携帯用サイトとしての作りになってる（？）ので、子ページを増やしていくとパソコンで表示したときに縦に非常に長くレイアウトされてしまいます。（小生は縦にスクロールさせるのが大嫌いなのです。ア○ルトサイトみたいで・笑）
もし中央そろえでレイアウトしたとすると左右に無駄な空間ができてしまい、ここを有効利用したいと思った方は多いと思います。
これを解決するのに是非使っていただきたいのが「テーブル」タグです。これで画面を分割してレイアウト出来、画像を貼ったりカウンタの位置を持っていったりと自分である程度空間をコントロールできるようになります。質問・意見等はこちらでどうぞ。
テーブルタグの説明
まず<table>〜</table>で全体の外枠を定義し、その中に<tr>〜</tr>で横一列を定義し、さらにその中に<td>〜</td>で中のセル（空間とでも考えていただければいいと思います。）を定義します。
<table><tr><td>共、それぞれに下記属性で様々なものを指定出来ます。
width="幅":幅を「％」で指定したりピクセル数で指定します。
height="高さ":高さを「％」で指定したりピクセル数で指定します。
align="left,center,right":<table>の場合、全体における外枠の左右の表示位置を、<tr><td>では中の左右行揃え位置を指定します。
valign"top,center,bottom":<table>の場合、全体における外枠の上下の表示位置を、<tr><td>では中の上下行位置を指定します。
border="数値":枠線（の太さ）を指定します。指定しないと初期値は「１」です。「０」にすると枠線が消えます。
これ以外にも色々指定できますが、この場ではこの４つのみ紹介させていただきます。
画面分割の手順
ここからサンプルとして、１５個の子ページ（例として全て「掲示板（ダミー）」にしてます。「あなたにメール」は除く。）の新規ＨＰを子ページ５個ずつそれぞれ縦３列にレイアウトする方法をご紹介します。
�，泙此∋劵據璽減鄒�で「ＰＣ専用コメント」を４つ作成します。
�◆孱丕胆賤僖灰瓮鵐硲院廚髻◆嵜卦�掲示板１（あなたの掲示板）」の上に順序を変えます。
��「ＰＣ専用コメント２」を、「新規掲示板６」の上に順序を変えます。
�ぁ孱丕胆賤僖灰瓮鵐硲魁廚髻◆嵜卦�掲示板１１」の上に順序を変えます。
�ァ孱丕胆賤僖灰瓮鵐硲粥廚髻◆嵜卦�掲示板１５」の下に順序を変えます。
�Α孱丕胆賤僖灰瓮鵐硲院廚痢屮據璽呼睛董廚鵬宍�タグを書き込みます。
<table width="60%" height="50%" align="center" valign="top" border="1"><tr><td width="20%" align="left" valign="top">
※border="1"の所の数字は、説明のために"1"としてますが、"0"にすると枠線を消す事が出来ます。
�А孱丕胆賤僖灰瓮鵐硲押廚痢屮據璽呼睛董廚鵬宍�タグを書き込みます。
</td><td width="20%" align="left" valign="top">
�─孱丕胆賤僖灰瓮鵐硲魁廚痢屮據璽呼睛董廚鵬宍�タグを書き込みます。
</td><td width="20%" align="left" valign="top">
��「ＰＣ専用コメント４」の「ページ内容」に下記タグを書き込みます。
</td></tr></table>
こうして出来上がったサンプルはこちらです。
いかがです？お分かり頂けたでしょうか？？
サンプルのテーブルタグの中の寸法はそれぞれみなさんで御自分のＨＰにあわせて変更してみてくださいね♪