CSSを使って|の方向に並んだテーブルを連結することはできますでしょうか？

質問

はじめまして。
現在、CSSを勉強中のものです、なるべくCSSを使ったホームページを作成しているんですが、一部テーブルで作成している表があります。

横方向はすべて同じセル数なんですが、縦方向がいくつか結合して

縦３：縦５：縦５

のような形で作りたいと考えています。
「td-rowspan」以外で作成する方法はございますでしょうか？

どうかよろしくお願いいたします。

回答No.4

edo_m18

>一部テーブルで作成している表があります。

ときどき、テーブル＝NG、と思っている人がいますが、
表を作成したいのであれば、tableタグを使う「必要があります」。

テーブルでやむなくレイアウトしている、ということなら分かりますが、
もし本当に表を作りたいのであれば、tableタグを使わないとなりません。
（でないとHTMLでの定義としておかしくなってしまう）

もしレイアウトのため、ではなく表として作成したいのであれば
素直にrowspanでセルを結合して作成するのがいいと思いますよ。

回答No.3

MAN_MA_RUI

時々何でもかんでもCSSで代用すれば良いとか考えてる人がいますけど、CSSは外見的な部分を操作するだけのものであり、ページの構造はHTMLで定義する必要があります。
CSSを解除したときページの構造が分からなくなるのはあまり適切でないですよ。

回答No.2

STICKY2006

>>一部テーブルで作成している表があります。

テーブルを崩す必要がありますが。。。

全てCSSで書けばいけますよ。

<div id ="main">
<div id ="table_main">
<div id ="table_top_left">
テーブル左
</div>
<div id ="table_top_right">
テーブル右
</div>
</div>
</div>

でもって、「このDIVのIDは、ここからここの座標に表示して。。。。」ってのを繰り返して、「まるでテーブル構造を使用しているかのようなCSSを使用したただのテキストの配置を工夫したもの」は作成可能かと。

回答No.1

yambejp

rowspanをcssで置き換えるという意味でしょうか？

cssは装飾を変えられても構造は変えられません。
テーブルセルの結合は構造なのでCSSでは処理できないはず
スクリプトでやる手もないとは言えませんが、
最初からテーブルで処理するのが妥当では？