DHEAボディークリーム

初心者必見!ネットで稼ぐお小遣い稼ぎ完全マニュアル

【ネットで稼ぐお小遣い稼ぎ完全マニュアル】では、インターネットを使ってお小遣い・副収入を稼ぐ方法を紹介します。 もちろん無料で始められるので初心者でも安心! みんなでお小遣い・副収入をGETしましょう!
約130万サイトが利用しているA8.net このブログからも多くの方が登録されています!
A8.netの紹介記事はコチラ→アフィリエイトはA8.net

Powered By 画RSS

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

表を作る!応用編⑤ テーブルの大きさを変える

前回は、テキストの位置を指定する方法を説明しました。

今回は予告通り、テーブル(表)の大きさを変える方法について説明します。

前回の記事「表を作る!応用編④ テキストの位置を指定する」の最後に軽く説明しましたが、
テーブル作成時に何も指定しなければ、セルの中のテキストまたは画像等の大きさに、テーブルの大きさが自動的に合わせられます。

\(*^-^*)/
(´▽`*)
(´Д`)
||(-_-;)||||
_| ̄|○
_| ̄|...○
_| ̄|................................○

このように。
一番下のセルに引っ張られて、全ての行が長くなってしまいました。

あらかじめテーブルの大きさを指定すれば、思い通りのテーブルを作れますよ。

では早速、テーブルの大きさを指定する方法を説明します。

---------------------------
①テーブルの横の大きさを指定する

横の大きさを指定するタグは、width="横幅"です。

<table width="横幅">

となりますよ。
横幅には、ピクセル単位の数字か、表示される範囲における割合です。

表示される範囲における割合??
つまり、記事の中の表であれば、"100%"にすると、記事欄の幅いっぱいのテーブルになります。

実際に、上に示した表の幅を指定するとどうなるかを例に示しますね。

"横幅"を100%にしました。
\(*^-^*)/
(´▽`*)
(´Д`)
||(-_-;)||||
_| ̄|○
_| ̄|...○
_| ̄|................................○

"横幅"を100にしました。
\(*^-^*)/
(´▽`*)
(´Д`)
||(-_-;)||||
_| ̄|○
_| ̄|...○
_| ̄|................................


---------------------------
②テーブルの縦の大きさを指定する

縦の大きさを指定するタグは、height="高さ"です。

<table height="高さ">

となります。
高さも同様に、ピクセル単位の数字か、表示される範囲における割合です。

実際に、最初に示した表の高さを指定するとどうなるかを例に示しますね。

"高さ"を100にしました。
\(*^-^*)/
(´▽`*)

ここまでは大丈夫ですか?
<table>タグの中に、横幅か高さを指定するタグを入れるだけなので、簡単ですよね。
では、これを応用して、横幅と高さの大きさを同時に指定してみましょう。

---------------------------
③テーブルの横幅と高さを指定する

考え方は簡単です。
<table>タグの中に、①と②を入れてあげれば良いだけです。

<table width="横幅" height="高さ">

これだけです。
では実際に例を示します。

"横幅"と"高さ"を100にしました。
\(*^-^*)/
(´▽`*)
(´Д`)
||(-_-;)||||
_| ̄|○
_| ̄|...○
_| ̄|................................○

あれ?
高さが変わっていないですね?

そうなんです!!
ここまで説明した大きさとは、テーブル全体の大きさだからです。
??
意味がわかりにくいですね。。

つまり、上の表のテーブル全体の高さを「100」と指定していますが、7行あるために、テーブルの高さが「100」を超えているんです。
なので、「高さを100にしてね」という命令が「何言ってんの」とスルーされて、自動的に変えられているわけですね。

そんなときは、いつものように、<tr> <tb>タグの中で大きさを指定すれば良いのです。
そうすれば幅と高さが揃ったキレイなテーブルができますよ。
関連記事
「何言ってんの」とスルーされるんですね(笑
わかりやすい!
表はホント、作りたい作りたいと思いながら、そのまま。
いったんやりだすと、苦労しながらも作っていけるとは思うのですが、
手を付けるまでがなかなか・・・^^;

それまで、reoさんのところで、しっかり学習しときま~す☆
[ 2006/10/25 22:54 ] [ 編集 ]
う~んなるほど!!
読んでる時は分るのですが
実際作るとなると、reoさんのマニュアル片手にやらないと
絶対出来ません…基本でさえも。
きっと何度も作ってるうちに分かってくると思うので
挑戦してみたいです!
P!
[ 2006/10/26 05:12 ] [ 編集 ]
そうそう、この幅がね!!
なんかなかなかうまくいかなかったのよー。
今度は参考にがんばってみるね☆
命令、スルーされてたんかぁ・・・ Σ(゚д゚lll)ガーン
(σ・∀・)σ
[ 2006/10/26 13:11 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。