Форум hotibo.ru
Сайты - по стандартам, но не стандартные сайты!
#1 29.04.2019 06:28
- rkm432
- Новичок
- Зарегистрирован: 23.05.2014
- Сообщений: 6
img в table-cell
Неожиданно встретился с новой для себя проблемой в вёрстке: если создать дивную таблицу и в левую ячейку поместить img, в правую текст, то текст в правой будет опущен до самого низа. При этом если перед img добавить , то текст справа встаёт "на своё место", то есть вверх, но в левой ячейке появляется лишний пробел. Как сделать, чтобы не нужно было добавлять ? Вообще странно что нельзя в ячейку просто добавить картинку, это маразм какой-то. Кстати такая же ситуация возникает если в левую ячейку добавить пустой
Код:
Untitled Document
123
Отредактированно rkm432 (29.04.2019 06:37)
Нет на форуме
#2 29.04.2019 06:58
- rkm432
- Новичок
- Зарегистрирован: 23.05.2014
- Сообщений: 6
Re: img в table-cell
Нашёл такой вариант решения: в левую ячейку перед img добавить и в стиль левой ячейки добавить: line-height: 0; vertical-align: top;
Есть ещё вариант?
Нет на форуме
#3 29.04.2019 07:40
- rkm432
- Новичок
- Зарегистрирован: 23.05.2014
- Сообщений: 6
Re: img в table-cell
Код:
Вариант 2 (недостаток: для картинки надо определять размер и нет alt):
123
Вариант 3 (недостаток: для картинки надо определять размер, картинка должна не иметь прозрачных участков):
test1123
Нет на форуме
#4 29.04.2019 07:44
- rkm432
- Новичок
- Зарегистрирован: 23.05.2014
- Сообщений: 6
Re: img в table-cell
Пока лучшим считаю первый вариант.
Нет на форуме
#5 30.04.2019 21:47
- rkm432
- Новичок
- Зарегистрирован: 23.05.2014
- Сообщений: 6
Re: img в table-cell
Решение:
Код:
123
Нет на форуме