初めて質問させていただきます。
自分で調べてもどうしても改善できなかったので、ご享受をお願い致します。
現在このような状態で左右に謎の余白ができてしまっています。
検証ツールで確認しても、paddingなどの設定はありませんでした。
HTML
1<div id="first-view"> 2 <div class="key-label"><div class="key-content"><img src="{image:DolceKeyVisualOv}" alt=""></div></div> 3 <a href="https://cat-only.uchineko.shop/items/63549039"><div class="key-visual"></div></a> 4</div>
CSS
1@media (min-width: 960px) { 2#first-view .key-visual{ 3background: url("https://base-ec2.akamaized.net/images/shop_front/uchineko-shopselect-net/6c71ce3bb092a24753d99590cfd0c40c.png") center top / cover no-repeat; 4} 5}
こちらには元々リンクの設定がないものだったのですが、画像をクリックするとリンク先にジャンプするようにしたかったので変更しました。
リンクは無事にできるようになったのですが、左右に余白が開いてしまいました。
元のコードはこちらになります。
HTML
1<div id="first-view"> 2 <div class="key-label"><div class="key-content"><img src="{image:DolceKeyVisualOv}" alt=""></div></div> 3 <div class="key-visual"></div> 4</div>
ご享受よろしくお願い致します。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/06/13 10:40
2022/06/13 10:49 編集