バカネコ日記

フリーページ

保存ﾌｧｲﾙ見方

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2005年05月17日

表中の文章の配置方法

(22)

カテゴリ：バカネコＰＣ講座

本日のバカネコ講座は、文章の配置方法。

さて、予告した表の中の文章の配置であるが、本来、背景とは関係がない。
テーブルタグの書き方の問題である。
が、このような使い方は、よくあるので紹介しよう。

こんにちは

上の図を見ると、文字が左詰め、かつ中央付近に位置している。
このままでよければ、ほっておいてもよいのだが、
普通は、左詰め、上詰めの場合が多いと思われる。

無指定だと、サーバによっては配置が思うようにならないことがある。
ならば、キッチリ指定すればよい。
上詰めにするには、ｔｄタグにvalign="top"という呪文を入れるだけだ。

こんにちは

こうすることで、そのｔｄタグに挟まれた文章は、強制的に上詰めで表示されるようになる。
すなわち以下のように書く。
<table border="3" background="画像のURL"><tr><td valign="top" >こんにちは</td></tr></table>
（　一部タグは省略してある　）

あとは、ワンパターンである。
垂直方向に中央揃えなら、valign="top"の代わりに、 valign="middle" 、
下揃えなら、 valign="bottom" 、を放り込めばよい。

ついでに、水平方向の左詰め指定は align="left"、右詰は align="right"
中央揃えは align="center" を追加してやればよいことになる。
これらは、表中の文字に限らず、他の場面でも使うことがある。
こういうツブシのきくパターンは、きっちり暗記しておこう。
覚えるのに要した労力のモトは取れる。

なかなか、タグの中に書き込む属性（呪文）が覚えにくいと思うが、
もとは英語から来ているので、その意味が分かると多少はマシになるかもしれない。

align は整列するという意味で、left、right、centerは、左、右、中央である。
valignは、alignに「垂直」という意味の「vertical」の頭文字「v」を付けた、
と考えればよろしい。
これらを組み合わせて、ｔｄタグの中にぶち込んでやれば、
表（正確にはセル）の中の配置は自由に設定できる。

例えば、垂直方向上詰め、水平方向は中央揃えにしたければ
ｔｄタグは、
<td align="center" valign="top">こんにちは</td>
となる。

こんにちは

さて、ここで、注意事項。
トップページや、フリーページなら設定解除も出来るが、
日記ページは、無条件で自動改行されることをお忘れなく。
上記のタグは改行を入れずに１行で書かないと、間延びする。
なぜ、びろ～んと延びるかについては「テンプレートが崩れた」で
原因を説明している。

自動改行や改行コードについては、バカネコ講座の
「パソコン用語の基礎知識」の項に説明してある。
それも面倒だという方は、以下のリンクから直接飛べるので、
ご参照いただきたい。
・改行コードの解説
・自動改行とは何か
・改行コードとは

【本日のまとめ】
１．表内の文章配置は、ｔｄタグ内に呪文を追加する。
２．横方向は align、縦方向は valign で指定。
３．左右中央指定は、left、right、center で。
４．縦方向の上中下は、top、middle、bottom で。

【トド短信】
　英語そのまんまやんけ。
　はぁ．．．ここは、中学生レベルの英語教室か？
　いちおう、社会人向けのつもりなのだが。

【ダウンロードページ】
・楽天日記専用バックアップツール、バーニャン３号のサンプル版、
　「バーニャン・ミニ」のダウンロードはこちら。
・にゃんタグのサンプル版は、このページの中段付近。
・バカネコ・ビューアのダウンロードはここ。

この記事が役に立ったと思う人は１票！　クリック　→

　途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。

ネコでもわかるＰＣ講座はこちら　→　バカネコ講座
秋葉原にもない楽天専用ツール　　→　バカネコソフト

【楽天トラベル】バカネコ講座バカネコソフトバカネコ村爆笑ガイド猫砂の研究パソコン購入費用の削り方現物の投下位置ずぼらなアクセスアップページを読みやすくする方法バーニャン１号ミニバーニャン１号の秘密にゃんこのコスプレテキストリンク下線の消し方楽しめるアフィリ己を知れ自分のＰＣを知るバカネコ・ビューアバーニャン３号にゃんタグ・フルバージョン

HTMLオンチでもＯＫ！　いきなり使える