Добрый день!
Подскажите, как можно сделать так, чтобы все элементы Card были одной высоты (допустим по максимальной высоте какого-либо из элементов)? На данный момент пытаюсь подогнать количеством строк и отступами, но, кажется мне, это не оптимальный способ.
Данные 3 элемента Card находятся в сетке из 3 ячеек.
Проблема с элементом CARD
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
-
Masimka93
- Экспериментатор

- Сообщения: 91
- Зарегистрирован: 05 май 2017, 13:18
- Версия Web Builder: 14.2.2
- Имя: Макс
Проблема с элементом CARD
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Реклама
-
Vitamin701
- Знаток

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Проблема с элементом CARD
В инструментах есть Card Container. В него и вставляйте card-ы
-
Masimka93
- Экспериментатор

- Сообщения: 91
- Зарегистрирован: 05 май 2017, 13:18
- Версия Web Builder: 14.2.2
- Имя: Макс
Проблема с элементом CARD
Вставил, но все равно высота разная
-
MasterOfPuppets
- Продвинутый

- Сообщения: 298
- Зарегистрирован: 10 май 2015, 19:37
- Версия Web Builder: 14.2.2
- Имя: Александр
- Контактная информация:
Проблема с элементом CARD
Masimka93, В свойствах объекта назначьте каждой карточке класс. Например, my-card
Затем добавьте на страницу HTML объект, выберите CSS in media query, внутри напишите:
my-card{
height: 413px;
}
413 - ваша высота
Затем добавьте на страницу HTML объект, выберите CSS in media query, внутри напишите:
my-card{
height: 413px;
}
413 - ваша высота
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Чтобы стать крабом, нужно стать раком и ходить боком
-
Eric
- Продвинутый

- Сообщения: 381
- Зарегистрирован: 19 дек 2018, 17:40
-
- Версия Web Builder: 14.2.2
- Имя: Дмитрий
- Контактная информация:
- Пользователь заблокирован
Проблема с элементом CARD
Исходник объекта / Особый стиль
Код: Выделить всё
height: 666px;Заходим, смотрим, покупаем не дорого, не стесняемся. Заходим, смотрим, покупаем, не стесняемся... :)
https://wwb.art-studio.top
https://wwb.art-studio.top
-
semyonl
- Подающий надежды

- Сообщения: 123
- Зарегистрирован: 05 авг 2016, 07:27
- Версия Web Builder: 11.2
Проблема с элементом CARD
А как можно указать динамический параметр? Прописать для разных точек останова - разные параметры высоты.
-
Eric
- Продвинутый

- Сообщения: 381
- Зарегистрирован: 19 дек 2018, 17:40
-
- Версия Web Builder: 14.2.2
- Имя: Дмитрий
- Контактная информация:
- Пользователь заблокирован
Проблема с элементом CARD
MasterOfPuppets писал(а): В свойствах объекта назначьте каждой карточке класс. Например, my-card
Затем добавьте на страницу HTML объект, выберите CSS in media query, внутри напишите:
my-card{
Пишите медиа запросы @media (max-width: 600px)...
как писать медиа запросы
Заходим, смотрим, покупаем не дорого, не стесняемся. Заходим, смотрим, покупаем, не стесняемся... :)
https://wwb.art-studio.top
https://wwb.art-studio.top
-
MasterOfPuppets
- Продвинутый

- Сообщения: 298
- Зарегистрирован: 10 май 2015, 19:37
- Версия Web Builder: 14.2.2
- Имя: Александр
- Контактная информация:
Проблема с элементом CARD
semyonl, Можете конечно. Делаете все как я сказал выше, только для каждой точки останова в html-вставке прописываете нужную высоту. То есть переходите во вкладку 320 px и в той же html вставке меняете размер высоты.
ps только у меня там ошибка, точку забыл. Вот так нужно:
.my-card {
height: 413px;
}
ps только у меня там ошибка, точку забыл. Вот так нужно:
.my-card {
height: 413px;
}
Чтобы стать крабом, нужно стать раком и ходить боком
-
Vitamin701
- Знаток

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Проблема с элементом CARD
Ничего нигде не добавлял и не прописывал. Все карточки автоматически подстраиваются под высоты большей высоты.
-
MasterOfPuppets
- Продвинутый

- Сообщения: 298
- Зарегистрирован: 10 май 2015, 19:37
- Версия Web Builder: 14.2.2
- Имя: Александр
- Контактная информация:
Проблема с элементом CARD
Vitamin701, Это когда контейнер для них выставлен по умолчанию. А если включить режим карусели, высота карточек перестает быть фиксированной.
Чтобы стать крабом, нужно стать раком и ходить боком
-
Vitamin701
- Знаток

- Сообщения: 451
- Зарегистрирован: 20 ноя 2017, 19:30
- Версия Web Builder: 12.5
Проблема с элементом CARD
MasterOfPuppets, ничего про карусель не спрашивали
-
MasterOfPuppets
- Продвинутый

- Сообщения: 298
- Зарегистрирован: 10 май 2015, 19:37
- Версия Web Builder: 14.2.2
- Имя: Александр
- Контактная информация:
Проблема с элементом CARD
Vitamin701, Тролите? ))) автор задал вопрос, как зафиксировать высоту карточек. Высота у него прыгает потому, что в Card Container включен режим карусели. Как решить вопрос, я вроде, объяснил, нет ?
Чтобы стать крабом, нужно стать раком и ходить боком
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя

