Вопросы с меткой [grid]
Grid - общее название контейнеров, использующихся для компоновки элементов интерфейса в виде таблицы. Если существует более конкретная метка, следует использовать ее ([css-grid], [wpf-grid] и т.п.)
107
вопросов
1
голос
1ответ
9 показов
центрирование и растягивание на всю ячейку элемента со свойством `position: absolute;` внутри grid-макета
Уже третий час бьюсь над задачей и никак не получается решить.
Есть вертикальный grid-макет. Внутри ячейки грид расположена картинка. Над картинкой надо разместить по центру текст и затенить фон. ...
0
голосов
0ответов
23 показа
Расположение блоков css flexbox
Здравствуйте подскажите как сделать такую верстку элементов на flexbox
0
голосов
0ответов
7 показов
Как заполнить dhx.grid значениями из БД
есть dhx grid, определяемый следующим образом:
var grid = new dhx.Grid("grid_container", {
columns: [
{ width: 100, id: "a", header: [{ text: "#" }] },
...
0
голосов
1ответ
20 показов
Grid разные ряды, парные и непарные
Подскажите, возможно ли задать разные колонки для разных строк, находясь в одном блоке?
Структуру менять нельзя.
Прикрепил ссылку на кодпен
С гридами не много работал. По этому интересно, возможно ли ...
0
голосов
0ответов
18 показов
Grid сетка (html,css)
Не получается понять в чем проблема
нужна сетка грида где 3 строки, первая на всю ширину, вторые две на половину, третии по трети
но выходит что отображает все криво в одном месте и только 1 третью
&...
0
голосов
0ответов
15 показов
Разметка элементов tkinter
Как расположить текст или кнопку ровно по середине окна?
Желательно через Grid, если есть возможность.
0
голосов
1ответ
28 показов
Css Grid. Как сделать количество колонок и рядов в зависимости от контента
Я сделал пример того что у меня сейчас вышло. https://codesandbox.io/s/icy-rgb-xpfx4 А то что примерно должно выйти - на картинке внизу.
Есть контейнер .grid, в него нужно расположить LI. Список ...
1
голос
0ответов
27 показов
WPF компоновка (запрет на изменение размера фрэймов)
В технологии WPF в окне производится разметка (с помощью элементов Grid), после чего создаются Фрэймы для дальнейшего расположения элементов. Какое свойство отвечает за блокировку изменения размера ...
0
голосов
0ответов
26 показов
Как сделать список с подсписком неизвестного кол. элементов в 2 столбца - Решено
Есть список элементов с подсписком. Из-за разного количества элементов подсписка высота элементов списка разная. Нужно сделать в 2 столбца, чтобы прокручивать вниз до конца.
Если делаю на флексах в ...
1
голос
1ответ
20 показов
Как с помощью grid расположить данные блоки в ряд с фиксированной шириной?
body {
margin: 0;
background: #333;
}
.container {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.cards {
width: 100%;
border: 1px solid red;
/* display: flex;
flex-wrap: wrap; */...
0
голосов
0ответов
20 показов
Галерея на css grid
https://codepen.io/rperry1886/pen/KKwbQNP
<h1>The Purest of Doggos</h1>
<div class="grid-container">
<div>
<img class='grid-item grid-item-1' src='https:/...
0
голосов
0ответов
29 показов
Направление элементов в CSS grid
Есть такая гридовская сетка:
.content {
display: grid;
grid-auto-flow: column;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr 1fr 1fr;
grid-template-rows: 50px 50px 50px;
...
1
голос
2ответа
58 показов
Как правильно реализовать список?
Не могу понять как правильно сделать такой список. Должно быть максимум 3 колонки и расположение элементов сверху вниз, а потом слева направо. Если делаю через css grid, колонок всегда 3, но ...
1
голос
1ответ
35 показов
Резиновые квадраты
Необходимо сверстать 3 блока. 1 большой слева, 2 маленьких справа. Чтобы при любом разрешении они были квадратами и оставались в том же положении.
Блоки сверстаны гридами. Подскажите, пожалуйста, как ...
6
голосов
2ответа
107 показов
Пропорциональное заполнение ширины при Grid-разметке
Есть вот такая разметка используя grid:
.wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.wrapper > div {
background: gray;
text-align: center;
...
0
голосов
0ответов
13 показов
Размещение кнопок сеткой со скролом Python, grid, canvas
С python только знакомлюсь. Не могу понять почему кнопки размещаются списком не сеткой
button_list = list()
for i in self.__position_list.get_position_list():
b = tk.Button(frame_button, text=i....
0
голосов
0ответов
13 показов
Размещение кнопок сеткой Python, grid [дубликат]
С python только знакомлюсь. Не могу понять почему кнопки размещаются списком не сеткой
button_list = list()
for i in self.__position_list.get_position_list():
b = tk.Button(frame_button, ...
0
голосов
0ответов
6 показов
jsGrid - datetime для фильтров и редактирования
Как в jsGrid сделать поле datetime в фильтрах и при редактировании, если ответ с сервера приходит в формате Y-m-d H:i:s?
Т.е. в фильтрах должны быть два поля - "дата-время от" и "дата-...
0
голосов
2ответа
25 показов
границы (щели) разных размеров между элементами и группами элементов (с использованием сеток)
требуется разбить строку из 3*N (например, 9) следующим образом:
таблица имеет рамку шириной 3 пикселя
группы по 3 блока имеют между собой границу 2 пикселя
блоки внутри группы имеют между собой ...
0
голосов
0ответов
14 показов
изменение размера шрифта в соответствии с размером блока, в котором выводится текст
подскажите как решить следующую ситуацию:
отрисовываю сетку (display: grid;) в которой в некоторых ячейках еще сетка и во всех ячейках есть какой-то текст
для фиксированного размера сетки подобрал ...
0
голосов
1ответ
13 показов
CSS Grid Layout
Есть сетка 5x5
Для заполнения строки с 1 по 5 элемент, нужно написать grid-row: 1 / 6
Почему 1/6, а не 1/5, ведь элементов 5 ... или я что-то не понял
0
голосов
2ответа
38 показов
Помогите решить проблему CSS Grid
Я не могу никак сделать чтоб верхние 2 элемента были width: 412px; height: 220px; color: #011E1E;
А нижние 2 - width: 842px; height: 220px; color: #011E1E;
И это с помощью CSS Grid
Должно быть вот так:...
1
голос
1ответ
40 показов
Как расположить с помощью CSS Grid
Мне нужно чтобы было 4 кликабельных элемента расположенные с помощью CSS Grid Допустим в 1 будет название
"Картинки" 2 - "Музыка" и т.д
0
голосов
1ответ
21 показ
как избежать двойных gap'ов в CSS GRID?
Как сделать чтобы было ровно, gap'ы не дублировались и ширина всего grid'a была фиксированной?
CSS:
body {
background-color: lightgray;
}
h1 {
text-align: center;
}
.wrapper {
display: ...
0
голосов
0ответов
20 показов
Display grid с вертикальным скролом съедает padding
Имеется grid с вертикальным скролом, внутри которого расположены карточки (div'ы) с фиксированными размерами. У родительского блока(grid) есть padding, который должен отделять контент(карточки) от ...
1
голос
1ответ
25 показов
Обращение к первому элементу строки display: grid;
Есть у меня такой HTML:
Сейчас там расположена 1 строка на 13 элементов, таких строк будет 6
<div class="site-size__grid-grif">
<div class="grid-grif__item">
...
0
голосов
2ответа
67 показов
Не могу работать с grid
Я хотел создать интерфейс для игры и использовал для этого tkinter. Хотел расставить по таблице, расставил но вышло не так я ожидал.
Вот код:
from tkinter import *
root = Tk()
root.geometry('192x393+...
3
голоса
2ответа
54 показа
CSS, grid. Нечетные строки в 3 столбца, четные - в 4 столбца
В Grid-системе я не силён, поэтому прошу помощи.
Есть 14 элементов, которые необходимо разместить в виде:
Ничего, кроме как через grid-template-areas не придумал:
grid-template-areas:
"a a a a ...
0
голосов
0ответов
20 показов
Гриды, автоперенос
Я хочу добиться такого поведения, только без media запроса, это возможно?
.grid__container {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
--size: 15px;
...
1
голос
0ответов
10 показов
Bootstrap 4 grid, колоночная верстка col md offset и прочее
Всем привет, это мой первый вопрос на стуковерфлоу, и так, я изучаю верстку с помощью bootstrap 4 , и там используется технология grid, мой ментор каким-то волшебным образом когда создает контейнер ...
0
голосов
1ответ
31 показ
Сетка с координатами JS
Вот что состряпал, но работает не так, как надо. Подскажите где косяк.
var _text1 = "";
var _text2 = "";
var _text3 = "";
var _my;
var _mx;
for (_my = -8; _my < 16; _my++) {
_text1 = "<...
2
голоса
1ответ
53 показа
Grid верстка, размещение блоков!
Как разместить блоки с картинки 1 как на картинке 2 с помощью grid?
Картинка(1)
Картинка(2)
body {
margin: 0;
padding: 0;
background: rgb(180, 177, 177);
}
.container {
width: 100%;
...
0
голосов
1ответ
57 показов
Как сделать grid сетку адаптивной?
У меня есть блок создан с помощью grid
который при уменьшении ширины сайта не уменьшается как верхний блок.
CSS код:
.storehouse {
display: grid;
grid-template-columns: min-content
min-...
0
голосов
0ответов
14 показов
Как расположить контент относительно колоночной сетки?
Здесь subheader "прилепился" к левому краю экрана. Чтобы посмотреть сайт в нормальном виде, приходится двигать ползунок браузера к центру. Почему все так расположилось?
* {
font-...
0
голосов
1ответ
18 показов
Где и как использовать имя линии/колонки в grid-template-columns?
Сейчас изучаю гриды и немного не понимаю такую вещь, я увидел на сайте что как один из параметров у grid-template-columns(или rows) это имя линии или строки типо:
grid-template-columns: [first] 40px [...
0
голосов
0ответов
25 показов
Выравнивание строк относительно друг друга внутри соседних ячеек grid на чистом CSS
Никак не получается в dislay: grid контейнере в ячейках выровнять авторов в серых блоках так, чтобы они были относительно авторов из соседних блоков на одном уровне. Т.е. как бы не увеличивался ...
0
голосов
1ответ
32 показа
CSS grid + javascript (ошибка)
Доброй ночи. Имеется шапка, которая свёрстана на CSS grid. Шапка содержит в себе бургер меню, которое выплывает при разрешении от 992px. Проблема в том, что я недавно начал изучать JS и знаний не ...
1
голос
2ответа
48 показов
Grid карточки с overflow-y scroll
Есть grid сетка. Хочу, чтобы карточка с классом scrolled была высотой не более чем остальные карточки и чтобы в ней был вертикальный скролл (высота блока scrolled должна быть динамическая относительно ...
2
голоса
1ответ
54 показа
Вопрос про grid'ы
body {
box-sizing:border-box;
color:white;
}
*,*:before,*:after {
margin:0;
padding:0;
}
.grid {
display:grid;
grid-template-columns:repeat(5, [col] 200px);
grid-template-...
1
голос
1ответ
52 показа
CSS Grid всё съехало после добавления <!DOCTYPE html>
После добавления тега " <!DOCTYPE html>" row из grid съехали, из-за чего это может быть, я указывал всего 2 строки grid-template-rows: 80% 20%;, без доктайпа всё работало, а тут всё ...
1
голос
0ответов
31 показ
Поиск элементов в QGridLayout
У меня есть QGridLayout, он находится в ScrollArea и заполнен кнопками с картинками (689 кнопок). Я хочу сделать поиск элементов в нём. Есть массив items, который хранит названия всех картинок. Я ...
0
голосов
1ответ
35 показов
Есть идеи как это можно реализовать [закрыт]
делаю тренировочный макет и наткнулся на такую штуку которую понятия не имею как сделать, думаю гридами но не получается
0
голосов
1ответ
34 показа
мобильный адаптив таблицы на grid
Есть табличка, построенная на grid. Подскажите пожалуйста, как я могу её адаптировать под мобильные экраны? auto-fill не совсем то, что нужно. Он просто переносит блоки вниз, по аналогии с flex wrap. ...
0
голосов
2ответа
30 показов
Подсказать в решении проблемы grid
Есть grid меню, в нём несколько элементов. Нужно чтобы первый и последний занимали все 100% по ширине, остальные 1/2(как и сейчас на скринах)
Текущий css:
display: grid
...
2
голоса
2ответа
40 показов
помогите получить правильно css код для этого фона
Прошу подсказать или исправить как правильно сделать фон с картинки и самое важное сделать его адаптивным
я в своём коде использую clip-path: polygon(6% 0, 94% 0, 100% 25%, 100% 75%, 94% 100%, 6% ...
2
голоса
1ответ
294 показа
_tkinter.TclError: cannot use geometry manager grid inside . which already has slaves managed by pack
Не понимаю в чем прикол. Вот код, который есть у меня:
text_lab = Label(self, text="Create Text: ")
text_lab.grid(row=4, column=0, padx=5)
text_entry.pack(side=BOTTOM)
Так он работает. Но ...
1
голос
1ответ
28 показов
Почему div находится не там где нужно?
Сетка с тремя колонками и двумя строками. Между колонками и строками находятся gutter tracks величиной в 10px.
Вопрос: почему блок .b отображается в gutter track'е а не в нужной колонке длиной 100px? ...
0
голосов
2ответа
48 показов
In Grid on a line XAML Controls
Подскажите как можно поставить несколько элементов управление на одной строке
<Grid HeightRequest="60"
BackgroundColor="Red">
...
2
голоса
1ответ
78 показов
Изменение размера WPF формы при компиляции
Вопрос наверно элементарный. Создаю проект, кидаю две кнопки на форму как показано на рисунке:
красной стрелкой указываю на отступ между краем и кнопкой. При компиляции этот отступ имеет меньший ...
1
голос
1ответ
33 показа
ASP.NET MVC. JqGrid не отображаются данные
Я пытаюсь отобразить данные в JqGrid, делал все как здесь Metanit
за исключением того, что данные брал из БД. Проблема в том, что сетка пустая, хотя данные в списке имеются. Не знаете в чем может быть ...