見る人に優しいウエブ作成


Directory

HTML編 (1)
HTML編 (2)
HTML編 (3)
HTML編 (4)
解像度に依存しない例
解像度に依存しない例
解像度に依存しない例


Contents

優しいウエブ作成
HTML入門
画像処理入門
ページレイアウト入門
スタイルシート入門
用語集
サポートタグ

+++ ページレイアウト入門(実例編)+++

戻る
次へ

■ 実例 〜その3〜

前のページでは、<BLOCKQUOTE>タグを使いましたが左右のスペースを自由に調整できません。 この例では再度テーブルを使います。2ページ前とちよっと違うのはCELLPADDINGを設定します。


ブラウザイメージ
←→左右の隙間がいつも一定になります
←解像度に併せ変化し、表示されます→


<HTML>
<HEAD>
</HEAD>
<BODY>

<TABLE BORDER="0" CELLPADDING="100" WIDTH="100%" HEIGHT="100%">
<TR><TD ALIGN="center">

この部分にコンテンツの内容を記載します。
</TD></TR></TABLE>
</BODY>
</HTML>

この場合、CELLPADDINGで指定したピクセル数だけ隙間が発生します。隙間は左右だけでなく上下にも発生します。 又、数値を大きく指定するとブラウザ表示の真中にきて、なんかかっこよく見えたりします。 例を作成したので見て下さい。(New Window)




Prev | Home | Next




Copyright(C) 1999-2000, ken_yuu All Right Reserved.