Обрезается иконка

Автор Тема: Обрезается иконка  (Прочитано 797 раз)

Оффлайн alexakapАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 98
  • Сообщений: 327
  • Карма: 14
  • Пол: Мужской
    • Просмотр профиля

Оффлайн alexakapАвтор темы

  • Старожил
  • ****
Обрезается иконка
« : 08-11-2018, 12:08:53 »
Всем привет, 2 дня не могу решить проблему - обрезается последняя иконка кнопки поделиться


HTML
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
CSS
Цитировать
.topic-icons { margin: 10px; float: left; box-sizing: border-box; }
/* Body Icons */
a span.icon-facebook { border-color: #4d68a2; color: #4d68a2; margin-left: 3px; padding: 3px; border: 2px solid #4d68a2;; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-facebook:hover { color: #fff; background-color: #4d68a2; margin-left: 3px; padding: 3px; border: 2px solid #4d68a2;; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-gplus { border-color: #dd4b39; color: #dd4b39; margin-left: 3px; padding: 3px; border: 2px solid #dd4b39; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-gplus:hover { color: #fff; background-color: #dd4b39; margin-left: 3px; padding: 3px; border: 2px solid #dd4b39; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-twitter { border-color: #55acee; color: #55acee; margin-left: 3px; padding: 3px; border: 2px solid #55acee; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-twitter:hover { color: #fff; background-color: #55acee; margin-left: 3px; padding: 3px; border: 2px solid #55acee; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-vkontakte-1 { border-color: #597b9f; color: #597b9f; margin-left: 3px; padding: 3px; border: 2px solid #597b9f; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-vkontakte-1:hover { color: #fff; background-color: #597b9f; margin-left: 3px; padding: 3px; border: 2px solid #597b9f; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-odnoklassniki { border-color: #f2720c; color: #f2720c; margin-left: 3px; padding: 3px; border: 2px solid #f2720c; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-odnoklassniki:hover { color: #fff; background-color: #f2720c; margin-left: 3px; padding: 3px; border: 2px solid #f2720c; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-paper-plane { border-color: #0088cc; color: #0088cc; margin-left: 3px; padding: 3px; border: 2px solid #0088cc; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }
a span.icon-paper-plane:hover { color: #fff; background-color: #0088cc; margin-left: 3px; padding: 3px; border: 2px solid #0088cc; border-radius: 5px; transition: color 0s ease 0s; -webkit-transition: color 0s ease 0s; }

Буду рад любой подсказке


Онлайн Fullf

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 58
  • Сообщений: 127
  • Карма: 4
  • Пол: Мужской
    • Просмотр профиля

Онлайн Fullf

  • Постоялец
  • ***
Re: Обрезается иконка
« Ответ #1 : 08-11-2018, 12:20:23 »
Лучше ссылку на сайт дайте
WordPress статьи - http://wordsmall.ru/

Оффлайн alexakapАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 98
  • Сообщений: 327
  • Карма: 14
  • Пол: Мужской
    • Просмотр профиля

Оффлайн alexakapАвтор темы

  • Старожил
  • ****
Re: Обрезается иконка
« Ответ #2 : 08-11-2018, 12:21:36 »
Лучше ссылку на сайт дайте
Сайт на локалке

Оффлайн Андрей88

  • Бизнес оценка: (0)
  • КМС
  • *****
  • СПАСИБО: 905
  • Сообщений: 1693
  • Карма: 219
  • Пол: Мужской
  • Андерс
  • Награды Мастер поисковой оптимизации Автор самой интересной темы
    • Просмотр профиля
    • Создай сам
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 905
    • Сообщений: 1693
    • Карма: 219
    • Пол: Мужской
    • Андерс
    • Награды Мастер поисковой оптимизации Автор самой интересной темы
      • Просмотр профиля
      • Создай сам
Re: Обрезается иконка
« Ответ #3 : 08-11-2018, 13:02:29 »
1. Совет первый, если нет сайта весь код бросайте в песочнице!
2. Что здесь можно понять?
(нажмите чтобы показать/скрыть)
YouTube — уроки программирования (Front End).

Оффлайн alexakapАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 98
  • Сообщений: 327
  • Карма: 14
  • Пол: Мужской
    • Просмотр профиля

Оффлайн alexakapАвтор темы

  • Старожил
  • ****
Re: Обрезается иконка
« Ответ #4 : 08-11-2018, 13:18:07 »
1. Совет первый, если нет сайта весь код бросайте в песочнице!
2. Что здесь можно понять?
(нажмите чтобы показать/скрыть)

Что здесь можно не понять? Иконки fontawesome, в css прописаны только бордеры, код выше, других стилей вообще нет и как бы резать иконку нечему, но она режется
Впрочем, велосипед уже решил проблему

Добавлено: 08-11-2018, 21:30:09

Если кому интересно, поставил оригинальные fontawesome и все заработало. Проблема только с иконками с fontello.com. Странно, на многие сайты раньше без проблем ставил
« Последнее редактирование: 08-11-2018, 21:30:09 от alexakap »


 

Похожие темы

  Тема / Автор Ответов Последний ответ
2 Ответов
1802 Просмотров
Последний ответ 01-10-2012, 21:45:19
от spainandrussia