• ベストアンサー

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

既存のサイトをHTMLはいじらずにCSSだけでデザインしなおすという作業をしています。 そこで質問なのですが、テーブルタグで2列に組まれたものを、cssで1列に組ませることはできるのでしょうか。 イメージとしては ┏━━━━━┳━━━━━┓ ┃　　　　　┃　　　　　┃ ┗━━━━━┻━━━━━┛ こういう形を ┏━━━━━┓ ┃　　　　　┃ ┣━━━━━┫ ┃　　　　　┃ ┗━━━━━┛ こういう形にします。 (四角がずれていたらすいません) いじるのはcssのみです。 普段tableは使わないのでよくわからず質問しました。よろしくお願いします。

  • ayass
  • お礼率33% (7/21)
  • HTML
  • 回答数3
  • ありがとう数3

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

  • ベストアンサー
  • think49
  • ベストアンサー率59% (285/482)
回答No.2

こういうことでしょうか。 <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> # 可能ですが、論理構造と視覚効果が一致しない点が今一ですね…。

すると、全ての回答が全文表示されます。

その他の回答 (2)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.3

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

すると、全ての回答が全文表示されます。
noname#111181
noname#111181
回答No.1

残念ながらできません。

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する