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


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

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

#1 merfo

merfo
  • Пользователь
  • 59 сообщений
  • Репутация: 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

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Как изменить иконку на сайте во вкладка и при добавлении его в избранное
  2. Вставить HTML код на страницу (cncat)
  3. Dashicons - используем крутые векторные иконки от WordPress
  4. FontAwesome: набор шрифтов в форме иконок. Часть 1
  5. Вставить тег viewport

#2 ShowPrint

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

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

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

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


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


#3 merfo

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

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

style="display:inline-block"

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


  • 0


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