| Версия для печати
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум на Исходниках.RU > HTML, CSS > Вопросы по верстке страницы |
| Автор: rownong@yandex.ru 26.04.20, 17:36 |
| Сверстал такую страницу https://yadi.sk/i/-Xjp4TVXmoPU2Q Хочу туда разместить фильтры и диаграмму на плитке https://yadi.sk/i/qFsfZVnHjrZKuw Вопросы: 1. Я верстал указывая отступы по пикселям. Как понимаю корректно будет смотреться только на моем мониторе. Чтобы на остальных мониторах норм смотрелось ка нужно верстать, указать отступы в %? 2. Как скруглять края у рамок https://yadi.sk/i/4R643bmGorBIlw 3. Как сделать выпадающий панели у фильтров с набором полей https://yadi.sk/i/oh-wPJFK0AZCrg (с плавным движением вниз при раскрытии) |
| Автор: JoeUser 26.04.20, 19:07 |
| rownong@yandex.ru, практически все это можно сделать, верстая с использованием bootstrap 4. Есть толковая документация. Если делать по ней и с умом - сразу получаешь адаптивную верстку. Скругления делаются с помощью CSS, смотри border-radius. Выпадающие панели - тоже bootstrap, анимация выпадений - частично бутстрапом, более точно читай раздел CSS "Анимация". |
| Автор: rownong@yandex.ru 27.04.20, 09:51 |
| Цитата JoeUser @ rownong@yandex.ru, практически все это можно сделать, верстая с использованием bootstrap 4. Есть толковая документация. Если делать по ней и с умом - сразу получаешь адаптивную верстку. Скругления делаются с помощью CSS, смотри border-radius. Выпадающие панели - тоже bootstrap, анимация выпадений - частично бутстрапом, более точно читай раздел CSS "Анимация". Цитата border-radius спасибо пока начинаю хочу без bootstrap научится |
| Автор: JoeUser 27.04.20, 10:21 |
| Тогда посоветую искать материалы по grid-верстке (+flex), ну и конечно же HTML5+CSS3. |