テーブルの罫線について

質問

ビルダーでサイト作成しています。

http://www.rakuten.ne.jp/gold/angers/
こちらのサイトさんで、左下あたりにある category　とある画像入りのメニューのように、上下のセルがくっついたメニューを自分のサイトにも置きたいのですが、テーブルでレイアウトするとメニューとメニューの間が空いてしまいます。

cellspacing="0"にしてみたり、ソースを見たりしていじっているのですがどうしてもうまくいきません。
スタイルシートで調節しているのでしょうか？

全く同じものを作りたいのでわかる方ご指導よろしくお願いします。

回答No.3

Gimli · ベストアンサー

カテゴリのテーブルですね。
↓こんな感じになってます。
<table width="160" border="0" cellspacing="1" cellpadding="0" bgcolor="FFBF59">

ちなみにその下のインフォメーションのテーブルは、、、
<table width="160" border="0" cellspacing="1" cellpadding="4" bgcolor="#CCCCCC">

セル間のスペースを１にして、背景色を指定して、１ｐｘのボーダーのように見せているようです。
では。

お礼

なるほど！bgcolorの意味がよくわからなかったのですが、そういう風に見せるためだったんですね！謎が解けました。さっそく試してみます！
ご回答ありがとうございました！

回答No.2

partita

<table style="border-collapse:collapse; border-spacing:0; ">
としてみては？

お礼

やっぱりスタイルシートで調節したほうがソースも簡単そうですね。ただ、今の私の知識ではまだ使いこなせなくて、ビルダーに頼ってばかりです。
でも、いつかはマスターしたいので参考にさせていただきます。ご回答ありがとうございました！

回答No.1

BLUEPIXY

<table width="158" border="0" cellspacing="0" cellpadding="0">
となってるだけみたいですね。

お礼

それも試してみたのですが、なんだかうまくいかないんです。私の勉強不足で…。

ご回答ありがとうございました。