Устранение проблемы со смайлами


Устранение проблемы со смайламиЯ, как и блогер dimox, отключаю в настройках WordPress автоматическое преобразование текстовых смайлов в графические.

Но некоторые любят погорячее украфаль тексты записей и комментариев смешными рожицами.Иногда картинки-смайлики своими размерами превосходят шрифт, и тогда строки текста разъезжаются вверх-вниз, увеличивая интервалы, что совсем не айс.

Вот примеры междустрочных интервалов в блогах Михаила Шакина и Сергея Сосновского:

Шакин

Сосновский

Некрасивое оформление исправляется простым указанием в стилях вертикального выравнивания изображений относительно строки.

В файле CSS сайта нужно добавить правило. Примерно такое:

img {vertical-align: middle}

Чтобы другие изображения на странице не вели себя странно (а такое возможно), может быть, нужно будет применить стиль только к определенному классу.

Например:

.post img {vertical-align: middle}

В данном случае .post - это класс блока постов, в котором находятся смайлы.

P.S. Опция WordPress, которая отключает преобразование смайлов, находится в меню: "Параметры" > "Написание" > "Форматирование" > "Преобразовывать смайлики наподобие :-) и :-P в картинки".

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>