htmlタグについて

Question

お世話になっております。

昨日楽天とYahoo!ショッピングの方で
新しいコンテンツページ(カテゴリーページ)を作成したのですが
一部htmlタグのことでお聞きしたいことがあり
質問させていただきました。

ページの内容としましては
スライスした画像を入れて作っているページなんですが、
基本は、ただタグで並べているというカタチなんですが
一部タグで画像を横に並べている部分があります。
そのタグを入れたところにだけ
周りに謎の余白が出てきてしまい、
タグが始まる前・終わった後との画像の間が
切れているように見えてしまっている状態です。
(添付した画像の赤枠の部分が一番分かりやすいです。)

背景に色をつけているため、
見た目的にあまりよろしくなく直したいと思っているんですが
こちらの余白は何でできてしまっているんでしょうか？
(タグにはborder="0"を指定しています。)

Google chromeの開発ツールで確認したところ、
内のタグには付いておらず、
にこの余白ができてしまっているみたいです。
その上、borderでもなくmarginでもなさそうなんですが…
解決方法がありましら、今後の為にも
教えていただけると幸いです。

こちらのカテゴリーページのHTMLタグが必要でしたら
お申し付けください。

よろしくお願い致します。###HR######IMG02ffaaec1537f2b0cb16b8ca6e74ab1df.jpegIMG0###

Answer

ECマスターズの伊藤です。

> 背景に色をつけているため、
> 見た目的にあまりよろしくなく直したいと思っているんですが
> こちらの余白は何でできてしまっているんでしょうか？
> (タグにはborder="0"を指定しています。)

標準でtableにかかっているスタイルにて
余白ができていしまっています。

下記のCSSを適用していただくことで
余白が削除できますので、お試しくださいませ。


table{
  border-collapse:collapse;
}
td{
  padding:0;
}

Answer

ECマスターズ
伊藤様

ご返信いただきましてありがとうございます。

なるほど、標準で指定されていたために
こちらで指定したものが効かなかったんですね。。

教えていただいたものを試してみましたが
無事に余白の方無くなりました。
本当にありがとうございます。
今後も活かしていきたいと思います。

この度は本当にありがとうございました。
今後ともよろしくお願い致します。