Softlink

я уже понял Я с шириной вроде бы разобрался. Она тянется, потому как есть вот эта штука div:after. Т.е. все стили привязываются именно к этому диву, верно? Ну конечно же, это же псевдоэлемент осталось понять эти 120 и -120px. Как это от сверху? Если ты говоришь, что один прижимает ее влево, а другой вправо Соответственно они пляшут от какой-то горизонтальной оси, или как это еще назвать.

я уже понял Я с шириной вроде бы разобрался. Она тянется, потому как есть вот эта штука div:after. Т.е. все стили привязываются именно к этому диву, верно?

От левого верхнего края, как обычно) Ну а почему тень НЕ должна растягиваться? А как она по твоему тупо 1пк ставиться?

а мне этот вариант понравился тоже. Правда, не до конца понял, как здесь все работает. Да там всё просто, -120px 4px 10px 5px #888; 1. -120px - смещает тень на -120пк, т.е. влево, 2. 4пк - это смещение по оси y, т.е. вниз в нашем случае. 3. 10пк - это размытие тени 4. 5пк - а вот это её растягивание чтоли во все стороны сразу (нужно у SelenIT уточнить.) 5. #888 - Ну и цвет. как она образовалась в двух местах с пробелом в середине? я так понял, все дело в этом пункте: box-shadow: 0 20px 10px 10px #fff, 120px 4px 10px 5px #888, -120px 4px 10px 5px #888; первые четыре цифры делают тень белую, которая как раз находится в центре, вторые 4 привязывают ее к правому краю, а последние 4 к левому, так? Получается, если мы задаем отступы в пикселях, то эта тень не резиновая?

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

блин, там если присмотреться, то на маленькой картинке тень не только снизу, но и немного справа вверх поднимается, а слева только снизу она Verder накосячил? Или к чему такой ход? Только задачу усложняет.

а смысл в нем? Чтобы манипулировать ими проще было? да, это я могу. За неделю уже вторая тема такая у меня выходит

в общем, нашел я всем развлечение в этот спокойный воскресный вечер. Решил сделать так - http://jsfiddle.net/Sm8tb/. Для меня это более понятно и кажется верно. И в центр можно большую тень затолкать при необходимости.

вот-вот Ребят, mishka, psywalker, резюмируйте кто-нибудь тему, чтобы в итоге проще было уяснить Пожалуйста.

Объясните мне пожалуйста, я, видимо, до сих пор не понял о чем речь. Статик от абсолюта я отличаю. Если бы писали в книжках, как делать такие примеры(т.е. если бы для них были определенные правила), я бы прочитал обязательно. А здесь же ведь частный, хоть и не редкий случай. Пока писал сообщение, Макс уже рассказал. Я понял, спасибо

Хорошо, ну а что если тень по центру всеже есть? сделать тогда в общем абсолюте и растолкать элементы внутри его. Хотя выйдет тот же самый флот. В общем похожи методы. Вот в том то и дело, что это целый блок с вложенными элементами ещё, который болтается в потоке снизу и является отдельной частью главного блока. Т.е. они не одно целое, а это плохо. да, вот здесь поддержку mishka. Нафиг городить огород из экспрешанов и :after и т.д. Есть же простая и рабочая схема.

Конечно имеет право на жизнь. Блок с картинкой может и фикс, но блок комента - резина, о чем сказал Verder. Если абсолют, то: - сделать у родителя внизу паддинг/маргин (маргин не всегда подойдет), чтобы тень не залазила на/под следующий блок - как реализовать центральную тень? Большой шириной картинки? 1) сделать родительский див, в который затолкать коммент и выставить фиксированный паддинг снизу. А для тени вымерить bottom. По идее все должно сойтись. Паддинг не даст залезть комменту на тень сверху. 2)ну учитывая, что там центральная тень есть только под самой картинкой(а она маленькая), то можно и шириной картинки. А как флоаты подгонять под размер резинового блока? Уже разобрался.

Понятное дело что двумя, + возможно подключать третий (центральная тянущаяся тень). Флоатами разруливал бы. а я бы абсолютом делал c bottom:X px. Имеет право на жизнь? Ну тут тянущейся явно нет на макете.

вооо, как я написал раньше, я тоже бы спаном решал этот вопрос. А как позиционировали бы эту тень? И кстати, двумя спанами? Один слева, а другой справа?

я не предлагал свои услуги. Это был ответ на пост ctpz

Ну расскажи пожалуйста вкратце твой маневр. Как бы ты сваял такое? Да я ж говорю, два тега <i></i> в контенте, их делаем абсолютами, им размеры теней и раскидываем по углам нижним. Всё! ага, начинаю дотумкивать. В принципе можно и дивами же сделать и спанами. Просто позиционировать их от нижней границы блока и все. Правильно?

ответ не в зачет Если блок резиновый, каким макаром ты будешь тянуть абсолют? А в этом примере блок как раз резиновый. Не на правах аксиомы, но я бы сделал два спана display-block с явной шириной и высотой под основным блоком и прижал их влево и вправо. И в них бэкграундом тень Это как один из вариантов решающий проблему "тянучести" И чем ты собрался прижимать инлайн-блоки? тут нет инлайнов. Здесь просто блоки.

Ну расскажи пожалуйста вкратце твой маневр. Как бы ты сваял такое?

ответ не в зачет Если блок резиновый, каким макаром ты будешь тянуть абсолют? А в этом примере блок как раз резиновый. Не понял, зачем тут тянуть абсолют? Если там тень фикс ширины? тень-то фикс, а блок нет и одна картинка в этом случае не поможет. Т.е. делать так, как Verder предложил?

ответ не в зачет Если блок резиновый, каким макаром ты будешь тянуть абсолют? А в этом примере блок как раз резиновый. Не на правах аксиомы, но я бы сделал два спана display-block с явной шириной и высотой под основным блоком и прижал их влево и вправо. И в них бэкграундом тень Это как один из вариантов решающий проблему "тянучести" такой вариант подойдет вполне, я бы наверняка тоже так сделал. Но лучший ли он?

ответ не в зачет Если блок резиновый, каким макаром ты будешь тянуть абсолют? А в этом примере блок как раз резиновый.

Такие вещи можно делать с помощью абсолютной подложки. давай покопаемся здесь Т.е. надо сделать картинку с угловыми тенями и подложить ее под блок? Правильно понял? Или двумя абсолютами с box-shadow или картинками?

Всем привет! В этой теме Verder выложил макет. Но вопрос не совсем в нем. Меня порой вводят в ступор такие вот детали в разных макетах: Как лучше всего верстать такую тень? Все дело в том, что она не распределена под всем блоком, а только на углах. На картинке выделил оранжевым эллипсом.

а что конкретно не выравнивается? вот этот вот блок id="ry-container"> прилепился к левому краю и никак у меня с ним договориться не получается. у вас здесь стоит float, который и прижимает контейнер к левому краю. При этом ширина вложенного в него блока стоит фиксированная, поэтому видимая белая область прижата влево. Попробуйте отменить float и выставить для контейнера margin:0 auto. Или к потомкам, где лежит сам контент этот прием применить. #ry-container { background: #fff; clear: both; float: left; vertical-align: top; padding-top: 10px; padding-bottom: 10px; } очень большая вложенность у вас, сложно разобраться, что за что отвечает.

меня бы в первую очередь заинтересовал весь функционал сайта То, что здесь показано - это больше походит на модуль для сайта, но не на сайт. И по дизайну вопрос. Кто его будет делать? Или он есть?