|
0 / 0 / 0
Регистрация: 28.03.2018
Сообщений: 4
|
|
Автоматическая высота картинки28.03.2018, 13:07. Показов 1197. Ответов 5
Метки нет (Все метки)
Фото исполнителя (маленькое, слева) имеет ширину 200px и высоту 150px. Как подправить css, чтобы высота картинки была реальная, какая она на самом деле у изображения. Например, для этого исполнителя высота фото 266px - следовательно, картинка должна выводится 200х266px.
0
|
|
(| 28.03.2018, 13:07 | |
|
Ответы с готовыми решениями:
5
Автоматическая высота блока Автоматическая высота таблицы Высота ячейки таблицы css и вставка картинки |
Стоп там же картинка фоном выводится, а не тегом...
|
Модератор
 
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 28.03.2018, 13:36 | |
|
С учетом того что фото вставлено фоном то либо менять верстку, либо c помощью js получать размеры картинки и менять размеры блока с фоном
0
|
|
|
0 / 0 / 0
Регистрация: 28.03.2018
Сообщений: 4
|
|
| 28.03.2018, 14:44 [ТС] | |
|
AlexZaw, насколько масштабно надо менять верстку?
0
|
|
|
Модератор
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 28.03.2018, 15:43 | |
|
В вашем случае див с классом imagediv вынести на один уровень с дивом details, а .image-wrapper удалить
0
|
|
|
0 / 0 / 0
Регистрация: 28.03.2018
Сообщений: 4
|
|
| 28.03.2018, 15:52 [ТС] | |
|
AlexZaw, спасибо, получилось)
0
|
|
| 28.03.2018, 15:52 | |
|
Помогаю со студенческими работами здесь
6
Как разместить картинки в table таким образом, чтобы у обеих высота была одинаковой? Высота блока равная размеру фоновой картинки блока Автоматическая высота iscroll Автоматическая высота строчки в таблице Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога
Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога
Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
|
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
|
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога
Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
|
|
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога
Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
|
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога
Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
|
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
|
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога
В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
|