Форум программистов  
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 09.10.2017, 19:07   #1
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Адрес: Татарстан, г. Казань
Сообщений: 168
Репутация: 135
По умолчанию [РЕШЕНО] Размер изображения: 100% от блока

Здравствуйте. Хотел бы в CSS задать размер (через ширину) изображения 100% от размера блока родителя.
А свойство
Код:

width: 100%;

похоже на изображения действует не так, как на блоки. То есть, на изображениях это свойство означает как "100% от оригинального размера", как я понял.
Можно через CSS задать на изображения такое свойство, чтобы оно, как и блок при свойствах размера 100%, занимал всё возможное пространство?

То есть, допустим, ширина родительксого блока изображения составляет 800px. Задать изображению свойство (на подобии блока - width:100%), чтобы ширина врался 100% от размера родителя, а высота подстраивался относительно, по соотношению?
__________________
Булат Азат улы
Bulat Ibrahim вне форума   Ответить с цитированием
Старый 09.10.2017, 19:42   #2
Вадим Мошев
гигаМодератор :)
Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес:
Сообщений: 7,314
Репутация: 3583
По умолчанию

Цитата:
Сообщение от Bulat Ibrahim Посмотреть сообщение
похоже на изображения действует не так, как на блоки
Потому что блоки - это блочные элементы, а изображения - встроенные (inline)

Вообще, здесь от цели зависит решение. Быть может вы хотите, чтобы задать фоновое изображение для этого блока? Тогда делайте это изображение фоном через CSS.
Если нет, то можете тогда попробовать для изображения задать display: block. Либо же ширину и высоту изображения установить в значение inherit.
Вадим Мошев на форуме   Ответить с цитированием
Старый 09.10.2017, 20:10   #3
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Адрес: Татарстан, г. Казань
Сообщений: 168
Репутация: 135
По умолчанию

Вадим Мошев, мне не нужно фоновое изображение.
А inherit и display: inline-block я уже пробовал - без результата... Почему-то. Хотя, в фаербаге показывает, что стили принимаются.

Пардон... У меня изображения же в линию выстроены, несколько в один широкий блок. Только что дошло, через два дня
__________________
Булат Азат улы

Последний раз редактировалось Вадим Мошев; 09.10.2017 в 20:40.
Bulat Ibrahim вне форума   Ответить с цитированием
Старый 09.10.2017, 20:40   #4
Вадим Мошев
гигаМодератор :)
Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес:
Сообщений: 7,314
Репутация: 3583
По умолчанию

Так у вас всё заработало?
Вадим Мошев на форуме   Ответить с цитированием
Старый 09.10.2017, 21:06   #5
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Адрес: Татарстан, г. Казань
Сообщений: 168
Репутация: 135
По умолчанию

Вадим Мошев, нет, но я понял, что с помощью css проблему не решить. Вот код: ВОТ.
Там же у меня изображения вписаны в широокий блок, ширина которого, естесственно, больше, чем размер изображения. Ширину придется брать от прародителя. Или даже еще дальше.
В общем, решил я этим не заморачиваться, оставлю, как есть.
__________________
Булат Азат улы
Bulat Ibrahim вне форума   Ответить с цитированием
Старый 10.10.2017, 10:57   #6
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,573
Репутация: 1842
По умолчанию

Цитата:
Сообщение от Bulat Ibrahim Посмотреть сообщение
Вадим Мошев, нет, но я понял, что с помощью css проблему не решить.
https://jsfiddle.net/naiveMan/x6kse484/
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 12.10.2017, 11:10   #7
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Адрес: Татарстан, г. Казань
Сообщений: 168
Репутация: 135
По умолчанию

Naive, спасибо вам огромное! Разобрался, всё понял! То, что надо!
__________________
Булат Азат улы
Bulat Ibrahim вне форума   Ответить с цитированием
Ответ



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Размер блока Anubys PHP 3 06.07.2011 22:53
шапка на сайте - установить размер на 100% Xeadshot HTML и CSS 1 11.02.2011 08:43
Размер изображения VistaSV30 HTML и CSS 11 16.10.2010 00:45
Размер изображения FeNiX_IU8 Помощь студентам 5 15.11.2009 22:35
Размер изображения guffer Мультимедиа в Delphi 6 10.07.2009 17:50




14:27.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru