テーブル内の大きさを指定する/目次をTOPに入れました

100万ポイント山分け！1日5回検索で1ポイントもらえる

843329

HOME | DIARY | PROFILE

【フォローする】【ログイン】

はじめにお読み下さい

< 新しい記事

新着記事一覧(全2405件)

過去の記事 >

October 27, 2004

セル内の大きさを指定するタグを扱います。

これが，横300pxのテーブルです。border="1",
heightの指定なし。cellspacingは指定なし。heightの指定をしなければセル内のデータに合わせて自動的に縦が伸び縮みしてくれてぴったりサイズになります。この状態でセル内にデータ（文字・画像など）を入れると，セルの枠（青色）ギリギリのところにデータが接していますね。なんだかぎっしり詰まってちょっと苦しい感じがしませんか？

そこで登場するのが，今日扱うタグ
cellpadding="ピクセル数"
このタグを＜table＞タグの中に入れます。

＜table border="1"width="300" cellpadding="20" ＞＜tr＞＜td＞このように入れます.
＜/td＞＜/tr＞＜/table＞

すると，このようにセルの枠（内側の青枠）から文字が離れて隙間が空きましたね。cellpaddingは10～20で指定すると見た目がすっきりバランスの良い感じになりますが，中に入れるデータのレイアウトを考えてもっと広くとっても良いでしょう。まあ，お好みで。

ちなみに，フリーページの四枚めの葉っぱ， H'ｓ Gallery と Y'sGllery の絵とお習字を入れたテーブルでは， cellpadding="20" （border="5"）で指定してあります。
すると，まるで額縁のような感じに仕上がります。

さて， cellpadding は cell と padding

padding 本来の意味；
[不可算名詞]詰め物，パッド，詰め物をすること，水増しした内容（その不要な語句）
cellpadding はセルの内側の枠とデータ（文字・画像など）との間に見えない詰め物をして余白をいれると言うことになります。

*補足*
pad 本来の意味；
[可算名詞]（衝撃や摩擦を防ぐ）当て物，クッション，
　　　　　（型を整えるための）詰め物，
　　　　　パッド，傷口に当てる当て布，スタンプ台，
　　　　　一つづりの紙，
　　　　　ロケットの発射台，ヘリコプターの発着場

[他動詞]～に（・・・の）当て物（詰め物）をする，
　　　　パッドを入れる
　　　　演説や文章に不要な内容で水増しする，
　　　　余分なもので内容を膨らませる
　　　　リードを広げる

pad を使った例文；
・a shoulder pad(肩パッド)
・a memo pad(はぎ取り式メモ帳)
・She padded out the shoulders of a dress.
(彼女はドレスに肩パッドを入れた)

「HP作成用語を英語で検証　目次」を，やっとTOPページにスクロールバーを使って入れることができました。
フリーページの目次ページは削除しました。