Одинаковая высота колонок

1 23
V2
На сайте с 21.06.2013
Offline
47
#21
Ruson:

Мне кстати, еще всем этим блокам надо рамку замостить с закруглениями углов используя изображения, и чтобы они тоже растягивались коректно по высоте и по ширине. Думаю что для этого внутри каждой колонки по этому же принципу добавлю еще по три колонки, средняя пойдет на текст а боковые под рамку, background с repeat-y.

Слишком сложно.

Нужно всего слегка стили поменять, иначе верстка поедет. Пример с измененными стилями там же http://domainshop.su/.

Пример рамки взят отсюда http://htmlbook.ru/css3-na-primerakh/dekorativnye-ramki

Ну и картинке для рамки надо углы делать прозрачными соответсвенно border-radius

P.s. и напоследок вот сервис для редактирования картинок под рамку http://border-image.com

vlad00777
На сайте с 24.12.2009
Offline
119
#22
Ruson:
Всё больше убеждаюсь что надо изучать Java.

Боюсь в этом случае это не поможет. Java Javascript

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
R
На сайте с 01.10.2013
Offline
87
#23

vl273 Спасибо большое. слышал про border-image, но не знал как его правильно использовать, сейчас сижу вникаю. С генератором действительно очень удобно.

Единственное у меня картинка немного не стандартная, она имеет тени только слева и справа, мало того тени с затуханием к краям в 150пикс. чтобы сохранить изначальную задумку дизайнера, задал эти отступы для рамки в этих местах, но тогда получается что при такой толщине рамки, текст уходит в глубь блока, c большими отступами от рамки. Собственно вот что получилось: http://evroluxe.com/my-scripts/border-image.php

Также в приведённом вами примере, если задать центру минимальную ширину 300 пикс . то правая колонка наежжает на нее и перекрывает центр, хотелось бы чтобы она подходила впритык и просто появлялся стандартный скролл внизу, хотя наверное я много хочу :))).

В любом случае спасибо.

R
На сайте с 01.10.2013
Offline
87
#24

Печалька, border-image в IE 10 не проходит, так что вопрос отпадает, прийдётся делать дедовским методом.

1 23

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий