+ Ответить в теме
Показано с 1 по 3 из 3

Тема: Что бы изменение размера одного блока влияло на размер соседнего

  1. #1
    Новичок Danil79 на пути к лучшему Аватар для Danil79
    Регистрация
    26.10.2018
    Сообщений
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Что бы изменение размера одного блока влияло на размер соседнего

    Толком даже сформулировать вопрос не получается чтобы по поисковикам пробить это решение) Поэтому и обращаюсь уже на форум.

    Постараюсь объяснить. Есть родительский блок назовем его .col Его размер должен быть фиксированным, не изменяясь в зависимости от содержимого. Внутри этого блока есть несколько дочерних блоков. Каждый занимает полную ширину родительского. Среди них есть три блока о которых идет речь. Расположены они по порядку друг под другом. Назовем их .text1 .photo .text2 Суть в том что по умолчанию в блоках .text1 .text2 ничего нет, и когда они пустые они не должны вообще занимать какое то место. А в блоке .photo располагается фотография которая занимает все выделенное для этого блока место. Но когда в блоке .text1 или .text2 появляется текст (бывает по одному , бывает оба сразу) нужно чтобы блок с фото уменьшался чтобы родительский блок соответственно не менял свой размер. Очень прошу разъяснений как это осуществить.
    Для наглядности скрин, где видно как меняется высота родительского блока когда в одном из блоков .text1 или .text2 появляется содержимое https://cloud.mail.ru/public/9k5y/ixbbVrN7D красными рамками выделены места для блоков .text1 и .text2 И ссылка на страницу https://novostroytyumen.ru/residential/aprel/
    Последний раз редактировалось Danil79; 26.10.2018 в 21:58.

  2. #2
    Новичок Danil79 на пути к лучшему Аватар для Danil79
    Регистрация
    26.10.2018
    Сообщений
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Вот такая структура https://codepen.io/Danil79/pen/PyLobL Этот родительский блок с его дочерними блоками является элементом цикла. Они будут выводится по 4 штуки в ряд. На данный момент удалось зафиксировать высоту родительского блока, но при этом блоки которые ниже блока Текст 2 начинают плавать и фото не сжимается. Помогите пожалуйста разобраться. Нужно сделать так чтобы и родительский блок и все остальные блоки оставались всегда на своих местах, и только лишь фото должно меняться в размере. Вот сам страница где все это будет находится https://novostroytyumen.ru/residential/aprel/
    Последний раз редактировалось Danil79; 27.10.2018 в 11:44.

  3. #3
    Новичок Danil79 на пути к лучшему Аватар для Danil79
    Регистрация
    26.10.2018
    Сообщений
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Решено!
    Ответ получил на другом форуме - https://codepen.io/Danil79/pen/ePXpev

+ Ответить в теме

Похожие темы

  1. Ответов: 1
    Последнее сообщение: 30.05.2018, 11:40
  2. изменение размера картинки
    от spydark91 в разделе PHP
    Ответов: 0
    Последнее сообщение: 04.08.2012, 15:52
  3. Изменение размера шрифта
    от Mishko в разделе JavaScript
    Ответов: 10
    Последнее сообщение: 06.09.2011, 12:55
  4. Ответов: 4
    Последнее сообщение: 14.05.2009, 22:11
  5. Ответов: 0
    Последнее сообщение: 13.05.2009, 09:08

Социальные закладки

Социальные закладки

Ваши права

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