Yahooのカテゴリーページ（スマートフォン）のtableタグについて

Question

いつもお世話になっております。Yahooのtableタグについて確認したいのですが、カテゴリーページに表示させたい一覧表（tableタグで作成したもの）にborderが付きません。エディタでは線が表示されているのに、実際にアップロードしたページを見ると線のない表が出てきてしまいます。背景色などは付いているのですが、線だけがありません。styleやborder="1"等試しました。罫線はどのようにすれば表示されるのでしょうか?

Answer

ECマスターズの田中です。カテゴリページのtableタグにつきまして、内容を確認の上、改めてご返信いたしますので今しばらくお待ちいただきますようお願いします。

Answer

ECマスターズの田中です。> カテゴリーページに表示させたい一覧表（tableタグで作成したもの）にborderが付きません。Yahoo!ショッピングにて挿入されているスタイルシートにより、非表示とされていることが原因ですので、それを上書きする形でスタイルシートをご記載いただく必要がございます。Yahoo!のスマートフォン用項目では、外部CSSファイルを読み込むlinkタグは記載できませんが、各要素に直接style属性をご記載いただくことはできますので、tableに含まれるthタグやtdタグに、たとえばstyle="border: 1px solid black;"のように、スタイルシートを適用していただきますようお願いします。そうすると、隣り合うセルの間のborderが2倍の太さになりますので、回避する場合は、tableタグに、たとえばstyle="border-collapse: collapse;"のようにして、「border-collapse: collapse;」を適用していただきますようお願いします。

Answer

お返事遅くなってしまい申し訳ございません。回答ありがとうございます。tableでなく、中のタグにborderを適用しないといけないのですね。今後は気を付けて作成したいと思います。

Yahooのカテゴリーページ（スマートフォン）のtableタグについて

カテゴリーから探す