Неприятная особенность с миниатюрами картинок

Список разделов phpBBex 1.x (поддерживается) Поддержка 1.x

Описание: У вас проблемы с phpBBex 1.x и вам необходима помощь? Спрашивайте здесь!
Правила раздела: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Модератор: Поддержка

Сообщение #1 dream.reckless » 15.04.2013, 00:37

Не приятная особенность заключается в том, что картинка которая "ниже" по высоте отображается с полоской сверху при наведении на нее мышкой (эта картинка - миниатюра). Проверял на другом движке - подобного нет. Пример привожу:

Изображение Изображение Изображение Изображение Изображение

Изображение Изображение Изображение Изображение Изображение

Изображение Изображение Изображение Изображение

Может это как то можно избежать?

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

Это авария Авария в метро, Москва 1994 г.
dream.reckless
Автор темы
Аватара
Репутация: 5
С нами: 11 лет 3 месяца

Сообщение #2 JoteRuso » 15.04.2013, 00:52

Открыл сейчас эту страничку в 7 браузерах.
Полоска (не сильно, но заметная) имеет место быть только в Опере (которая скоро сменит свой движок). Вобщем, проблема скоро исчезнет сама собой )))
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 11 месяцев

Сообщение #3 dream.reckless » 15.04.2013, 01:02

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

Спасибо большое, Вы мне очень помогли!
dream.reckless
Автор темы
Аватара
Репутация: 5
С нами: 11 лет 3 месяца

Сообщение #4 factotum » 15.04.2013, 07:17

попробуйте так:
Код: Выделить всё
.postbody .content img, .postbody .signature img {
max-width: 100%;
width: auto\9;
height: auto;
vertical-align: text-bottom;
border: 0;
-ms-interpolation-mode: bicubic;
}

Добавлено спустя 1 час 45 минут:
обновил
vertical-align: midle; -> vertical-align: text-bottom;

проверил на Opera 12.15, Chrome, FF
factotum
Откуда: Люксембург
Репутация: 234
С нами: 11 лет 11 месяцев

Сообщение #5 VEG » 15.04.2013, 12:35

factotum, с vertical-align: text-bottom; в Opera почему-то все смайлики в сообщениях съезжают вниз. :wink:
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #6 factotum » 15.04.2013, 13:12

И не поправить? :wink:
factotum
Откуда: Люксембург
Репутация: 234
С нами: 11 лет 11 месяцев

Сообщение #7 VEG » 15.04.2013, 13:15

factotum, не пробовал пока что.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #8 factotum » 15.04.2013, 13:25

Для смайлов должно подойти inline-block + text-top. В теории выровняет строку по центру смайлов во всех браузерах

Добавлено спустя 6 часов 18 минут:
vertical-align: text-bottom;
Код: Выделить всё
.postbody .content img, .postbody .signature img {
display: inline-block;
max-width: 100%
width: auto\9;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
в опере все на месте. в хроме все на месте
factotum
Откуда: Люксембург
Репутация: 234
С нами: 11 лет 11 месяцев


Вернуться в Поддержка 1.x



cron