Wątek przeniesiony 2019-01-02 09:06 z Newbie przez Adam Boduch.

Button z obrazkowym tłem

Odpowiedz Nowy wątek
2018-12-29 11:51
0

Witam.
Mam taki kod:


.subbmitCommentBtn {
  background: url("../images/ikon2.png") no-repeat center top;
  padding-right: 15px;
  padding-left: 15px;
  color: white;
  cursor: pointer;
  height: 56px;
  width: 253px;
  background-color: #AF191F;
  background-position: left;
  background-repeat: no-repeat;
  font-weight: bold;
  border-radius: 20px;
  border: none;
}

<input type="submit" value="Dodaj komentarz" class=" subbmitCommentBtn">

Mam problem z tłem. Obrazek nachodzi mi za bardzo na lewą stronę. Chciałbym go odsunąć o 10px od lewej krawędzi buttona.
https://ibb.co/3kf6VNm

Wie ktoś może jak to zrobić?

Pozostało 580 znaków

2018-12-29 12:13
1

Do takich rzeczy zwykle używa się font awesome, lub pokrewne:
https://fontawesome.com/icons/comment?style=solid
https://www.w3schools.com/howto/howto_css_icon_buttons.asp
ew. możesz powalczyć z wartościami background-position https://www.w3schools.com/csS[...]s_background-position_percent


Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0