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


Конкурс "Лучший отзовик"
× Быстрый вопрос
Пользователь месяца
Vmir Vmir 1-й за Апрель
Очков активности: 1 512 8 тем, 60 сообщений, 12 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 360 4 темы, 36 сообщений, 5 баллов репутации

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

    dos1k (dos1k.ru)
    Очков активности: 270 4 темы, 48 сообщений, 3 балла репутации

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

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

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

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

  • Фотография Роман Зеленков
    #5

    Роман Зеленков
    Очков активности: 105 9 тем, 43 сообщения, 1 балл репутации

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

    agrx (key-assort.ru)
    Очков активности: 63 0 тем, 21 сообщение, 2 балла репутации

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

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

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

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

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

    Rodiola
    Очков активности: 57 3 темы, 10 сообщений, 2 балла репутации

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

    r0mZet (rz-style.ru)
    Очков активности: 54 1 тема, 9 сообщений, 3 балла репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 24.05.2019
  • Яндекс выдача: 20.05.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 317 сообщений
  • Репутация: 930

Отправлено 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