Сверстал такую страницу https://yadi[dot]sk/i/-Xjp4TVXmoPU2Q
Хочу туда разместить фильтры и диаграмму на плитке https://yadi[dot]sk/i/qFsfZVnHjrZKuw
Вопросы:
1. Я верстал указывая отступы по пикселям. Как понимаю корректно будет смотреться только на моем мониторе. Чтобы на остальных мониторах норм смотрелось ка нужно верстать, указать отступы в %?
2. Как скруглять края у рамок https://yadi[dot]sk/i/4R643bmGorBIlw
3. Как сделать выпадающий панели у фильтров с набором полей https://yadi[dot]sk/i/oh-wPJFK0AZCrg (с плавным движением вниз при раскрытии)
1. rownong - 26 Апреля, 2020 - 20:36:58 - перейти к сообщению
2. Vladimir Kheifets - 27 Апреля, 2020 - 08:03:24 - перейти к сообщению
rownong пишет:
Сверстал такую страницу https://yadi[dot]sk/i/-Xjp4TVXmoPU2Q
Хочу туда разместить фильтры и диаграмму на плитке https://yadi[dot]sk/i/qFsfZVnHjrZKuw
Вопросы:
1. Я верстал указывая отступы по пикселям. Как понимаю корректно будет смотреться только на моем мониторе. Чтобы на остальных мониторах норм смотрелось ка нужно верстать, указать отступы в %?
2. Как скруглять края у рамок https://yadi[dot]sk/i/4R643bmGorBIlw
3. Как сделать выпадающий панели у фильтров с набором полей https://yadi[dot]sk/i/oh-wPJFK0AZCrg (с плавным движением вниз при раскрытии)
Хочу туда разместить фильтры и диаграмму на плитке https://yadi[dot]sk/i/qFsfZVnHjrZKuw
Вопросы:
1. Я верстал указывая отступы по пикселям. Как понимаю корректно будет смотреться только на моем мониторе. Чтобы на остальных мониторах норм смотрелось ка нужно верстать, указать отступы в %?
2. Как скруглять края у рамок https://yadi[dot]sk/i/4R643bmGorBIlw
3. Как сделать выпадающий панели у фильтров с набором полей https://yadi[dot]sk/i/oh-wPJFK0AZCrg (с плавным движением вниз при раскрытии)
Добрый день!
Ответы:
1. не указать одинаковый отступы в %
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- /*--- content центр. по горизонтале --*/
- .content{
- display:inline-block;
- margin: 0 auto;
- }
2. закругленная рамка и тень, если нужна
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- /*--- закругленная рамка 5px -------*/
- .RB{
- border: 1px solid #85A0C9;
- border-radius: 5px;
- -webkit-border-radius:5px;
- -moz-border-radius: 5px;
- }
- /*-- тень, если нужна -----------*/
- .BS{box-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);}