こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

テーブルタグをcssでデザインしなおす

既存のサイトをHTMLはいじらずにCSSだけでデザインしなおすという作業をしています。
そこで質問なのですが、テーブルタグで2列に組まれたものを、cssで1列に組ませることはできるのでしょうか。

イメージとしては
┏━━━━━┳━━━━━┓
┃     ┃     ┃
┗━━━━━┻━━━━━┛
こういう形を
┏━━━━━┓
┃     ┃
┣━━━━━┫
┃     ┃
┗━━━━━┛
こういう形にします。
(四角がずれていたらすいません)
いじるのはcssのみです。
普段tableは使わないのでよくわからず質問しました。よろしくお願いします。

投稿日時 - 2010-04-10 10:17:04

QNo.5815530

すぐに回答ほしいです

質問者が選んだベストアンサー

こういうことでしょうか。

<style type="text/css">
<!--
table,tbody,tr,td {
display: block;
}
td {
margin: 1em 0px;
border: solid 1px #ccc;
}
-->
</style>
</head>
<body>

<table>
<tr>
<td>test1</td>
<td>test2</td>
</tr>
</table>

# 可能ですが、論理構造と視覚効果が一致しない点が今一ですね…。

投稿日時 - 2010-04-10 14:04:43

ANo.2

このQ&Aは役に立ちましたか?

3人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

>2さん
良いアイデアです。
でも、
わがままなブラウザもあるから結論は無理って事かな。

投稿日時 - 2010-04-10 18:02:08

残念ながらできません。

投稿日時 - 2010-04-10 11:17:01

あなたにオススメの質問