行間がある表の作成方法を教えてください

締切り済みの質問

行間がある表の作成方法を教えてください

表を作っています。
列の間に隙間はなくて、行間に隙間のあるものを作りたいのですが、うまくできません。
例えば3行×2列の表で行間にだけ2~3pxほどの空間があるといった感じのものに枠線が付いている感じです。
隙間には全く枠線は付きません。
(これで上手く伝わってくれると良いのですが…)

見た感じ、表っぽく見えればやり方は問いません。
上手いやり方が思いつかないのでアドバイスをお願いいたします。
テーブルでできそうだと思ったのですが、きちんと狭い空間になってくれません。
テーブルを1個ずつ1×2で作成すれば良いのかもしれませんが、もしそれ以外に何か上手い方法があればと思って質問させていただきました。
いつも質問ばかりで申し訳ありませんがよろしくお願いします。

投稿日時 - 2008-09-12 19:50:04

連想キーワード:

QNo.4323937

困ってます

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

[  前へ  |  次へ ]

回答(3件中 1~3件目)

ANo.3

>隣り合ったセル同士
???
左右の隙間を0にして上下の隙間を2~3pxにするんだよね?
できない?
marginやpaddingと同じ法則で数値指定できる筈だけど?

投稿日時 - 2008-09-13 03:10:52

お礼

ありがとうございます。
やっとおっしゃってる(書いてる?)意味がわかりました。
誰にも聞ける人がいないので本当に助かりました。

投稿日時 - 2008-09-15 18:39:00

ANo.2

CSSの段組で作った方が柔軟に対応出来ると思いますよ
考え方に慣れれば結構色々出来て便利です

CSS 段組 などで検索して、自分のわかり易いサイトを探してみては如何でしょう。
実例は載せない方が良さそうなので載せませんが、たぶん希望に沿うような
サンプルはテストで作れたので、がんばれば出来ます。

投稿日時 - 2008-09-12 23:34:26

お礼

ありがとうございます。
CSSは私よりHTML等が分からないが触るのと、今後何かあった場合に私が手助けできないので使用しませんでした。

投稿日時 - 2008-09-15 18:43:20

ANo.1

cssでできるよ。
http://www.tohoho-web.com/css/reference.htm#border-spacing
http://www.tohoho-web.com/css/reference.htm#border-collapse

具体的なソースは 約束で載せてあげられないから参考URLだけ

投稿日時 - 2008-09-12 20:07:41

補足

隣り合ったセル同士も離れてしまい(離すのは行間のみ)この方法だとうまくいきません。
参考サイトを参照しつつ他も検索してみましたがよく分かりません。
追加説明いただけませんか?

投稿日時 - 2008-09-12 23:04:09

あわせてチェックしたい
  • テーブルの隙間を無くしたい ...
  • ホームページビルダーで、表枠と表枠の行間について ...
  • テーブルタグ の枠 ...
PR
【回答募集中】花粉にひと言、物申す![ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら