254238

ホーム | 日記 | プロフィール

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

七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Aug , 2026
Jul , 2026

Jun , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Oct 1, 2004

タグを覚えよう【第４７回目】　-　テーブルのセルを結合

(5)

テーマ：タグに挑戦！(102)

カテゴリ：カテゴリ未分類

今日は久しぶりにテーブルを勉強しましょう(￣▽￣人)
とは言いましても、既に解説したことの復習です。
セルの結合ってどうするのか覚えていますか？
これも知っていると意外と便利ですよ(〃⌒▽⌒)

□ 横方向の結合１

□ 表示サンプル

○

横方向にセルを結合したい場合は「colspan」にて指定します。
この「colspan」に「2」を指定した場合は、セルがテーブルの列を 2 つ使用することを示します。

□ 横方向の結合２

□ 表示サンプル

○

同様に「colspan」に「3」を指定した場合は、セルがテーブルの列を 3 つ使用することを示します。
気をつけてもらいたいのは、（当たり前なのですが）セルを結合するとセルの数が一つ減ります。
３つのセルを結合した場合には、２つのセルがなくなっているということを忘れないで下さい。
そうしないといびつな形のテーブルができあがってしまいます(´･ω･`)

□ 縦方向の結合

□ 表示サンプル

○

縦方向にセルを結合したい場合は「rowspan」を使います。
使用方法や注意事項は「colspan」と同様です。
セルが減ったときのつじつまが合うようにだけ気をつけて下さい(￣▽￣人)

□ 縦と横方向の結合

□ 表示サンプル

○

「rowspan」と「colspan」の両方を指定することにより
縦方向と横方向のセルを結合することもできます。

どうでした？
慣れれば簡単なのですがどうも最初はとっつきにくいようです。
この手段もいろいろ応用できますので
いざと言うときにはこちらまでお越し下さい（笑
では、またあしたー(ﾟ▽^*)ﾉ⌒☆

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Oct 1, 2004 12:23:08 AM
コメント(5) | コメントを書く

■コメント

こんばんは～(* ^-^)ﾉ

ゆりん☆ さん

これって、以前「なんやろか？」っと悩んだタグだ！

ところで、cellspacingとcolspanが意味は分かりましたが、
borderが無いと何処にどう作用してるのか･･･｢(ﾟﾍﾟ)
両方使ってレクチャーして欲しいのですが････

(Oct 1, 2004 08:52:06 PM)

返事を書く

Re:タグを覚えよう【第４７回目】　-　テーブルのセルを結合(10/01)

な～～るさん

これっ！！疑問に思っていたのです。
なんてタイムリーなんでしょ？？（*＾_＾*）
見透かしたように、やってくだって
有難うございます。

で、すみません・・脱線しますが、
nowrapってなんでしょう？(^^;)ゞ (Oct 2, 2004 12:35:18 AM)

返事を書く

Re:こんばんは～(* ^-^)ﾉ(10/01)

＃七鍵さん

ゆりん☆さん

いらっしゃーい(〃⌒▽⌒)

borderが無いと・・・ですか？
cellspacingは基本的にセルとセルの隙間を指定します。
隣同士でどれだけ間隔をあけるか、ってことですね(〃⌒▽⌒)
それとは別にborderですが、
こいつはセルの境界線幅を指定します。
わかりにくいですか(´･ω･`)

今日の一日一タグで違いを説明しますね（笑

(Oct 2, 2004 06:14:54 PM)

返事を書く

Re[1]:タグを覚えよう【第４７回目】　-　テーブルのセルを結合(10/01)

＃七鍵さん

な～～るさん

いらっしゃーい(〃⌒▽⌒)

nowrapはTDタグに指定することができます(￣▽￣人)
意味は「そのセル内での改行禁止」となっています。
<td nowrap="nowrap">とすることによって
そのセル内では<br>を挿入したところ以外で改行することがなくなるというわけですが・・・
多分あまり違い分からないと思います(´･ω･`)
IEでは指定してもしなくてもあまり見た目変わらないみたいですし（笑

(Oct 2, 2004 06:20:41 PM)

返事を書く

Re[2]:タグを覚えよう【第４７回目】　-　テーブルのセルを結合(10/01)

な～～るさん

＃七鍵さん
-----
こんにちは～～。そうなんだぁ・・。
有難う御座います。
ちょっと楽天のテンプレートを印刷してみていたら、妙に気になったので聞いちゃいました。有難う御座います。助かりましたっ。（*＾_＾*）

(Oct 3, 2004 01:59:58 PM)

返事を書く