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


× Быстрый вопрос
Пользователь месяца
Андрей WPM Андрей WPM 1-й за Июль
Очков активности: 2 142 4 темы, 90 сообщений, 14 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография Rodiola
    #1

    Rodiola (rukodelkovo.ru)
    Очков активности: 802.5 3 темы, 98 сообщений, 5 баллов репутации

  • Фотография maxnik
    #2

    maxnik (konovalovpavel.ru)
    Очков активности: 378 0 тем, 42 сообщения, 6 баллов репутации

  • Фотография Андрей WPM
    #3

    Андрей WPM (wpmaster.kz)
    Очков активности: 150 Вне конкурса за определение пользователя месяца

  • Фотография IxMaster
    #4

    IxMaster (site.ru)
    Очков активности: 139.5 3 темы, 22 сообщения, 3 балла репутации

  • Фотография lena220678
    #5

    lena220678
    Очков активности: 108 4 темы, 24 сообщения, 2 балла репутации

  • Фотография Megoydagi
    #6

    Megoydagi (24ho.ru)
    Очков активности: 93 5 тем, 16 сообщений, 2 балла репутации

  • Фотография annabum
    #7

    annabum
    Очков активности: 75 2 темы, 19 сообщений, 2 балла репутации

  • Фотография Vmir
    #8

    Vmir
    Очков активности: 57 Вне конкурса за определение пользователя месяца

  • Фотография FIvYUr
    #9

    FIvYUr (moy-evroopt.ru)
    Очков активности: 36 0 тем, 8 сообщений, 3 балла репутации

  • Фотография Constantine
    #10

    Constantine (constantine.video.blog)
    Очков активности: 31.5 3 темы, 12 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 30.07.2019
  • Яндекс выдача: 23.08.2019
Топ 5 участников по репутации


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

#1 merfo

merfo
  • Неактивные
  • 63 сообщений
  • Репутация: 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
  • 3 325 сообщений
  • Репутация: 941

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

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

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


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


#3 merfo

merfo
    Topic Starter
  • Неактивные
  • 63 сообщений
  • Репутация: 6

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

style="display:inline-block"

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


  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

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