Смайлики лезут вниз

Автор FaintRush, 02 марта 2011, 16:06:07

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

FaintRush

Вот так вот смайлики выглядят в предварительном просмотре (так я и хочу):



А вот так вот после отправки сообщения (wallbash):



Думаю проблема понятна, после отправки сообщения текст лезет вниз (а я хочу сделать как на первом скрине).
Самое смешное что при отображении этого-же сообщения на главной странице SimplePortal проблема исчезает.

Версия SMF: 2.0 RC3
Установленные модификации:

WYSIWYG Quick Reply 2.3  (только для отображения ббкодов и смайликов в форму быстрого ответа, режим WYSIWYG отключен!)
Yet Another Global Announcements Mod RUS   
Menu Order 0.2.5     
Custom Copyright 1.2     
Yet Another Global Announcements Mod   
YouTube BBCode   2.6     
SimplePortal - Russian   
SimplePortal 2.3.3     
InfoBox 0.3     
Menu Buttons RUS 0.3    

Тема стандарт.
Помогите пожалуйста, ну крайне нежелательный баг.
Кстати такой же баг на этом форуме, но я точно видел форум на смф где его как-то пофиксили.

Drakonsa


FaintRush

Цитата: Drakonsa от 02 марта 2011, 16:10:41
.inner img {vertical-align: middle}
Не подскажете что и в каком файле на это менять? (:

0daliska

Цитата: FaintRush от 02 марта 2011, 16:11:38
Не подскажете что и в каком файле на это менять? (:
вам написали что,  а где - index.css в папке вашей темы оформления
Уехала отдыхать. Сейчас без интернета до 1 августа. Приеду - выполню все обещания
® For members of Russian community (simplemachines.ru) only

Bugo


0daliska

хотя нет, посмотрела конкретно. не соглашусь с Drakonsa насчет класса
.inner img.smiley {
vertical-align:bottom;
}

в файле Themes/default/css/index.css
заменить на:
.inner img.smiley {
vertical-align:middle;
}

и заполните в профиле ссылку на форум, чтобы не приходилось Ваш форум выискивать в ваших сообщениях
Уехала отдыхать. Сейчас без интернета до 1 августа. Приеду - выполню все обещания
® For members of Russian community (simplemachines.ru) only

FaintRush

Понял, поменял, получил результат.. но это не совсем то что нужно! Смотрите сами на примере скринов:

Вот так оно выглядит при vertical-align: bottom;



Вот так оно выглядит при vertical-align: middle;



Вот так оно выглядит при vertical-align: top;



В варианте vertical-align: top; у смайлов и текста общая верхняя линия, и смайлики выпирают снизу.
В варианте vertical-align: middle; у смайлов и текста общая средняя линия, и смайлики выпирают с обоих сторон по немного.
В варианте vertical-align: bottom; у всех смайлов общая нижняя линия, а текст потерян сверху.

А мне нужно получить: чтобы у смайлов и текста была общая нижняя линия, и смайлики выпирали сверху.
Выглядеть это должно вот так (скрин предварительного просмотра) :


0daliska

Вообще уберите в классе
.inner img.smiley {
vertical-align:bottom;
}

vertical-align:bottom;
Пусть останется так:
.inner img.smiley {
}

и кэш форума не забывайте чистить...
Уехала отдыхать. Сейчас без интернета до 1 августа. Приеду - выполню все обещания
® For members of Russian community (simplemachines.ru) only

FaintRush

Цитата: 0daliska от 02 марта 2011, 17:23:47
Вообще уберите в классе
.inner img.smiley {
vertical-align:bottom;
}

vertical-align:bottom;
Пусть останется так:
.inner img.smiley {
}

и кэш форума не забывайте чистить...
Вы великолепны smitten

Drakonsa