Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Вставка иконки в html

#1 merfo

merfo
  • Пользователь
  • 55 сообщений
  • Репутация: 6
0

Отправлено 10 Февраль 2016 - 22:14

Если что, сайт работает на WordPress.

В статьях приходится вставлять иконки, для этого пользуюсь тегом

<img src="">

В результате получаю нормально отображаемую строку, правда сама иконка не выровнена по линии текста, но это не критично: 

ea672984ef20.png

 

Однако после переезда на новый шаблон, возникает следующая проблема:

fc52392f084b.png

Пробовал исправлять, ничего не помогает, хотя я опробовал мало способов, так как больше ничего не знаю. 

 

Нашел плагин, который позволяет вставлять иконки посредством шрифтов, не знаю как это, но иконки приятные и красивые, однако мне нужно использовать собственные, а заменить их не можно. Отображаются они нормально, а вставляются в статью вот таким образом:

<i class="fa fa-adn"><span style="color:transparent;display:none;">icon-adn</span></i>

Короче, ребята, подскажите как решить проблему?


вот как выглядит исходный код

<strong>Страна:</strong> <img src="сайт/uploads/2016/02/Ukraine.png" alt="" /> Украина</p>

Но отображается очень криво и переносит на новые строки.


 

 

  • 0

#2 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 729 сообщений
  • Репутация: 409

Отправлено 10 Февраль 2016 - 22:24

переносит на новые строки
Как один из вариантов проблемы: может быть в стилях для img установлено display:block:

Попробуйте внутри тега img добавить style="display:inline-block" (или просто inline) Если проблема исчезнет - разбирайтесь с css-стилями...


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#3 merfo

merfo
    Topic Starter
  • Пользователь
  • 55 сообщений
  • Репутация: 6

Отправлено 10 Февраль 2016 - 22:29

style="display:inline-block"

большое спасибо, помогло. Буду разбираться далее 


  • 0


Оформление форума – IPBSkins.ru