Параграф режет нижнюю часть изображения? (HTML / CSS)

0

Мне нужна небольшая помощь здесь. Я создал большую кнопку на моей странице заказа, а дно обрезается, чтобы закрыть. Мне нужно добавить немного места внизу. Я добавил границу 1px, чтобы вы могли увидеть, как она выложена. Вы можете посмотреть эту проблему здесь: https://www.evernote.com/shard/s329/sh/a408b2ff-472c-481a-8fb1-b9e48c1205e1/5ddd92e9d940c78a57487e07d6eedcd4

<p><span id="old-price">$199 </span>
    <span id="new-price">$147</span>
    <strong><font color="#FF0000">
    35% off! &quot;Halloween Special&quot; </font></strong><em>Expires Nov 1st.</em>
<p class="cart-btns">
    <a href="https://www.e-junkie.com/ecom/gb.php?c=cart&i=CAP2S&cl=133613&ejc=2" target="ej_ejc" class="add-to-cart ec_ejc_thkbx" onclick="javascript:return EJEJC_lc(this);"></a>
</p>

    .products li p.cart-btns a.add-to-cart {
width: 120px;
height: 50px;
background: url(images/add-to-cart.gif) no-repeat;
}
Теги:
image
height

1 ответ

0

a является встроенным объектом и не принимает height. Используйте margin: 5px или p.cart-btns {} padding:5px в p.cart-btns {}

Вы также можете просто a.add-to-cart {} float:left a.add-to-cart {} чтобы он игнорировал границы в пути (вырвался из нормального потока документа).

  • 0
    Я попытался добавить отступы и поля, но кнопка исчезает. Должен ли я просто сделать изображение кнопки встроенным?
  • 0
    Боже, я даже не осознавал, что вы используете фоновое изображение LOL добавить это: background-size: cover
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню