Nvu1.0でホームページを作成しよう : その他、テーブルの設定
top || Nvu1.0でホームページを作成しよう || テーブルでレイアウト || その他、テーブルの設定
▼Nvu1.0 その他、テーブルの設定
テーブルには色々な使い方があります。
セルの間隔を増やすことにより文字を見やすくしたり、間隔を無くすことにより、画像の多彩な可能性が引き出されます。
例:文章
セル内の「余白」を0ピクセルにした場合
| あああああ | あああああ |
セル内の「余白」を5ピクセルにした場合
| あああああ | あああああ |
例:画像
セル内の「余白」を0ピクセルにした場合
|
|
|||||||||||||
|
||||||||||||||
セル内の「余白」を1ピクセル、枠を1ピクセルにした場合
|
|
|||||||||||||
|
カスタマイズ可能! | |||||||||||||
どうですか?このようにして色々試してみて下さい。
▼Nvu1.0 セルの間隔を設定
テーブルのプロパティーを表示させる。
[枠線・間隔・余白]の項目で[枠線][セル間隔][余白]をそれぞれ変更し[OK]を押す。


色々設定を変更してみてご自分の好みにしてください。
▼Nvu1.0 ユーザビリティ
ブラウザの大きさに合わせてテーブルの大きさを考えてみます。
ブラウザを画面最大で見る方もいれば小さいウィンドーで見る方もいます。また、B5ノートパソコン(モバイルパソコン)では10〜12インチ画面での表示となります。
すると、画面を横にスクロールしなければならない場合が発生します。
上下のスクロールは皆さん慣れていますし、最近ではマウスにスクロールホイールが付いて簡単にスクロールできるようになっているので問題ないのですが、 横スクロールは面倒くさいです。
という事で結論は・・・
ページ全体をレイアウトするテーブルでは
- 幅を600ピクセル、最大でも760ピクセルに抑える!
- なるべくテーブルはパーセントで指定する。(レイアウトを崩さないようにするのは至難の業となりますが)
- テーブルはセルをシンプルに!
テーブルの中に更にテーブルを挿入など極力しないように
広告
広告 ロト6攻略法。本当に当たる驚異の攻略法が完成。
広告 うつ病に関する情報。
広告 当サイト推奨のレンタルサーバー