画像と画像の間の余白について
ページレイアウト管理にて、
「画像/テキストリンク」パーツで複数の画像を指定し並べた場合の、
画像と画像の間の余白を無くすことは可能ですか？
ご教示お願いいたします。
「画像/テキストリンクパーツ」にて挿入した画像は、画像の周りに5pxのpaddingが挿入されますので、こちらをスタイルにて0に指定すれば余白をなくすことができます。
追加した内容によりclassの指定方法が異なりますので、横並びにした際のサンプルを記載します。
※以下のスタイルをそのまま使用すると、全ての「画像/テキストリンクパーツ」で挿入した画像の余白がなくなります。
指定した場所の画像に限り余白をなくす場合は、指定するclassを修正してご利用下さい。
※縦並びの場合は指定方法が異なります。
<style>
table.clImgTable tbody tr td {
padding: 0;
}
</style>
スタイルの追加方法は下記の通りです。
1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ > ページレイアウト管理 を表示
2. [スクリーン]の編集ボタン(ギアアイコン)をクリック
3. 「<head>追加：」にスタイルを追加して保存
以上をご参照頂き、スタイルの修正をお試しください。
Re: 画像と画像の間の余白について
うまくいきました！
いつも的確なご回答を、ありがとうございます！