• 文字サイズ


解決済

バナーリンクの並べ方について

  • 相談者:非公開
  • 2018/07/12 01:10
楽天、ヤフーのヘッダーコンテンツにカテゴリー先のバナーを設置しようと思っています。

800pxの幅に 横400px 縦50px のリンクするバナーを横に2列
また、800pxの幅に 横200px 縦50px のリンクするバナーを横に4列
の タグおしえてくださいませ。
よろしくお願いいたします。

以前に おしえていただいた、以下のタグを 参考にと思いましたが、
くぎりが、わかりません。
よろしくお願いいたします。


<!-- 価格帯 -->
<table border="0">
<tr>
<td>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0065673295.jpg" width="167">
</a>
</td>

<td>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0065673296.jpg" width="167">
</a>
</td>

<td>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0065673297.jpg" width="167">
</a>
</td>


<td>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0065673298.jpg" width="167">
</a>
</td>


<td>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0065673299.jpg" width="167">
</a>
</td>

</tr>
</table><style>
/* ページの内容を横幅800pxとして扱う */
#pagebody > table:nth-child(1) > tbody > tr > td > table:nth-child(2) > tbody > tr > td > table:nth-child(1) > tbody, body > div > table:nth-child(1) > tbody > tr > td > table:nth-child(2) > tbody {
width: 800px;
float: left;
}
</style>
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/07/12 13:32
ECマスターズの田中です。

いただいたソースは一般的なtableタグの書き方であり、
習得していただくと、様々な表組みが作れるようになりますので、
こ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/07/16 19:11
ありがとうございました。
さっそく 使わせていただきます。………(省略)………
このフォーラムへの質問は終了しました