d0ublezer0
Мой дом здесь!
- Регистрация
- 21 Май 2009
- Сообщения
- 367
- Реакции
- 201
- Автор темы
- #1
Клиенту надизайнили вот такой макет. Не понимаю, как верстать.
Белую область еще примерно понимаю, как можно сделать из трёх частей. Верх и низ бордюрами по методам треугольника, центр - обычный прямоугольник. А вот золотую рамочку - как? И тянуться оно должно вертикально, завися от наполненности
Для просмотра ссылки Войдиили Зарегистрируйся
Ещё занятно то, что левый край фигуры выходит за сетку. Это видно по левой границе текста.
Для просмотра ссылки Войдиили Зарегистрируйся
вот что удалось сверстать
что не нравится: придется ловить значения бордюра для разных разрешений, чтобы попасть в ширину блока
ну и рамочку так и не смог запилить.
UPD: добрался до clip-path
Более-менее. но не уверен как с поддержкой браузерами. Может, есть бронебойное решение?
Для просмотра ссылки Войдиили Зарегистрируйся
С рамочкой пока бессилен.
Белую область еще примерно понимаю, как можно сделать из трёх частей. Верх и низ бордюрами по методам треугольника, центр - обычный прямоугольник. А вот золотую рамочку - как? И тянуться оно должно вертикально, завися от наполненности
Для просмотра ссылки Войди
Ещё занятно то, что левый край фигуры выходит за сетку. Это видно по левой границе текста.
Для просмотра ссылки Войди
вот что удалось сверстать
что не нравится: придется ловить значения бордюра для разных разрешений, чтобы попасть в ширину блока
ну и рамочку так и не смог запилить.
UPD: добрался до clip-path
Более-менее. но не уверен как с поддержкой браузерами. Может, есть бронебойное решение?
Для просмотра ссылки Войди
С рамочкой пока бессилен.
Последнее редактирование: