Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
6 / 6 / 0
Регистрация: 03.08.2016
Сообщений: 152

Верстка блока на гридах

09.12.2019, 17:28. Показов 954. Ответов 2

Студворк — интернет-сервис помощи студентам
Всем привет.
Необходимо сверстать данный блок (в прикрепленном файле) на гридах. На сколько колонок необходимо разбить? Я думал сделать в три строки. В верхней строке два блока - блок меню слева и блок с тележкой и поиском справа. В средней строке блок с фотографией. И в нижней строке текст с ссылкой. Проблема заключается в том, что не знаю как центрировать фотографию и нижнюю строку.

Заранее спасибо
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
09.12.2019, 17:28
Ответы с готовыми решениями:

Верстка блока
Уважаемые форумчане, пытаюсь сверстать блок заголовка, только начинаю, никак не могу сообразить как это сделать. Основная верстка на...

Вёрстка блока
Здравствуйте господа! Возникла проблема, не знаю как реализовать. Нужно сделать такой блок, который я на схеме расположил между...

Верстка блока
Каким образом верстаются вот такие изгибы?

2
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
09.12.2019, 21:14
Цитата Сообщение от visitante2016 Посмотреть сообщение
(в прикрепленном файле)
в каком файле?

Добавлено через 33 секунды
Цитата Сообщение от visitante2016 Посмотреть сообщение
(в прикрепленном файле)
в каком файле?
0
6 / 6 / 0
Регистрация: 03.08.2016
Сообщений: 152
09.12.2019, 21:18  [ТС]
Прошу прощения, забыл прикрепить изображения
Миниатюры
Верстка блока на гридах  
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
09.12.2019, 21:18
Помогаю со студенческими работами здесь

Верстка блока
Собственно, как сверстать такое? Синюю часть

Вёрстка блока с кнопкой
Здравствуйте! Нужно сверстать блок с каким-то текстовым содержанием и кнопкой-ссылкой. Вопрос возник в позиционировании кнопки. Указал...

Верстка блока по макету
помогите реализовать данный блок прошу!!!

Верстка растягивающегося блока
доброго времени. нужно сделать следующее. есть блок (на рисунке), в нем текст. Если текста мало (одно слово например) то блок должен...

Верстка блока с линией
Доброго времени суток. Помогите пожалуйста с реализацией данного блока, сижу и не могу понять как это правильно сделать. Вообщем надо...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru