psywalker

Не переубедил только тех, кто очень упёртый и не хочет прислушиваться к более опытному брату

да и пофиг! Ну где это такое написано, что тени надо выключать из потока? Как круглые уголки делать несколькими дивами это нормально, а тень - это уже перебор, да? По-моему ты сам себе в голову втемяшил такое и все. И код нормально читается в обоих случаях. Мой опыт мне об этом говорит. Я не говорю, что есть такое утверждение, как нужно делать, просто я исхожу из конкретной ситуации, как всегда. В данной ситуации я не считаю, что тени можно отдать лишний блок, да ещё и в потоке.

А тут дело не в кол-ве кода, а в его качестве, удобочитаемости, и незасорения основной структуры лишними блоками (повторяю, что речь идёт о обычной тени, которая не влияет на основное содежимое!)

это вы уже сами тут разбирайтесь Правда я не знаю, чего вы еще не решили. Для меня, как и писал, ближе вариант с флоатами. А ты старайся пользоваться не тем, что ты лучше знаешь, а тем, чем нужно для конкретной ситуации. Если плохо знаком с теми же абсолютами, собери всё вышесказанное и постарайся разобраться и понять для себя, что всё таки лучше на самом деле.

mishka Без проблем, исходя из этих мыслей... ... я легко могут сделать так и буду прав. http://jsfiddle.net/E6aqB/5/ Для ИЕ6-7 в данной ситуации я безпроблемно могу использовать экспрешаны(которые кстати я повешу именно на блок с тенью!), тут они оправданы, я считаю. Чем мой вариант плох? Погоди, это ещё не конец, с Мишкой мы ещё не поставили точку.

то ли лыжи не едут, то ли я.. Я вот почитал сейчас про box-shadow, потом поэкспериментировал на примере. В книжке написано: теперь смотрим в код: box-shadow: 0 20px 10px 10px #fff, 120px 4px 10px 5px #888, -120px 4px 10px 5px #888; первая идет белая тень, которая никуда не смещена, но она в центре! А вот затем идет правая и левая, которые смещены на 120 пикселей. Получается, что смещение здесь не от точки с координатами (0,0), т.е не от левого верхнего угла. А от центра блока. Нет, смещение именно от точки 0, 0. Ты сделай мини-пример, поиграйся.

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

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

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

а мне этот вариант понравился тоже. Правда, не до конца понял, как здесь все работает. Да там всё просто, -120px 4px 10px 5px #888; 1. -120px - смещает тень на -120пк, т.е. влево, 2. 4пк - это смещение по оси y, т.е. вниз в нашем случае. 3. 10пк - это размытие тени 4. 5пк - а вот это её растягивание чтоли во все стороны сразу (нужно у SelenIT уточнить.) 5. #888 - Ну и цвет. как она образовалась в двух местах с пробелом в середине? 1. 130px 4px 10px 5px #888, - вот эта тень отгоняется вправао 2. -120px 4px 10px 5px #888; - вот эта влево 3. 10px 20px 10px 10px #fff, - а вот эта всегда по среедние и какбы наложена на них, заметь, цвет белый! а мне этот вариант понравился тоже. Правда, не до конца понял, как здесь все работает. Да там всё просто, -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 к левому, так? Получается, если мы задаем отступы в пикселях, то эта тень не резиновая? Не привязывают, а смещают тень. Тень обычная, находится внизу изначально, растянута на всю ширину псевдоэлемента.

Смотри дружище, тут значит следующая ситуация. Если ты хочешь сохранять пропорции при любом размере картинок, то ты просто не должен ограничивать у них ширину или высоту, т.е. в случае например проставления только ширины, высота сама должна подогнаться какая нужно. Это делает сам браузер, подбирает пропорции.

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

Дружище, а скажи плиз, как по твоему правильно делать такие тени? mishka Да нее Медведь, ты чегооо, прекрати, я даже и не думал дуться и т.д. Спор только чисто ради опыта, я из него уроки извлекаю, ты ж меня знаешь И ещё сразу поправочку хочу сделать насчёт джиквери. Я не считаю его хреновой вещью, ты снова не так понял, считать его таковым может только глупец. Я всегда придерживался правила, что для каждой ситуации нужно использовать то, что для неё больше подходит. И если нужно будет юзать джиквери, я ,НЕ задумаясь, сделаю это! Насчёт этой (уже надоедливой тени) отдаю предпочтение абсолюту, так как отталкиваюсь от следующих мыслей: 1. Тени в нашем случае, это не главная часть сайта и не её основное содежимое, поэтому даже в случае с её отсутствием проблем с контентом быть не должно. 2. Тень не заслуживает места в потоке, не такая уж великая вещь, + это оформительская деталь, так что как я уже говорил, в идеале вообще можно сделать её через :after (как показал SelenIT) и забыть. 3. Блок с абсолютом я могу оттянуть точно на 10пк вниз, зная, что при любом раскладе он всегда будет там. И это только некоторые пункты. Повторюсь, что спор ради знаний, а не ради спора!

Поразмыслил ещё пару часов и пришёл к выводу, что в данном вопросе всё таки лучше именно абсолюты. Медведь, доводы, которые ты приводил, это высосанные из пальца аргументы. 1. С маргинами проблем не будет, создай их пожалуйста, чтобы я убедился, что ты прав. 2. С твоим слайдером я тоже совершенно не вижу проблемы. Я не знаю джиквери, НО на чистом ЖС я делал слайдеры и всегда мог, если надо, поставить лишние пиксели при закрытии, чтобы overflow; их не съедал. Ну неужели такую простую вещь нельзя сделать на джиквери? Я просто не верю в это, либо ты плохо знаешь джиквери. Я за абсолют, потому что во-первых мне НЕ нужно создавать лишний контейнер, я просто брошу блок с тенью в блок с контентом, отпозиционирую его и забуду о нём. Мне не нужно париться о том, что мой блок с тенью может случайно сдвинуться на несколько пк, при малом контенте и мало того, мой блог с тенями всегда будет в одном логическом контейнере, который не будет разделён на две или больше частей. Это очень важно, например когда тот-же программер может тупо взять блок целиком, не парясь о том, что тень лежит где-то в другом блоке. Кстати, с моим подходом общая сумма блоков меньше, что в принципе ерунда, но всё таки тоже какой-то маленький плюс. Так что пока вы не переубедите меня в обратном, я буду спорить!

Ты лучше приведи несколько скриншотов, того как нужно и как НЕ должно быть. И с пометками.

Слушай, тебе уже нужно открывать свой раздел, где ты будешь задавать вопросы в своём стиле и предлагать всем свои услуги по любым технологиям, как тут http://forum.htmlbook.ru/index.php?showtopic=27545&view=findpost&p=207289

а смысл в нем? Чтобы манипулировать ими проще было? Да. И вообще нужно всегда отделять логические блоки друг от друга. Вот, я же говорю что код html одинаковый будет, чтобы не путать потом других, там есть блок там нету.Тут согласен. Но это если задача будет именно про которую ты говоришь.А за какое время ты сверстаешь этот макет, Psywalker? Час, два? Просто интересно.P.S.Хм... а в группу "Эксперт" после скольки сообщений входят? Или это за заслуги перед отечеством? Сверстаю за дня два. У меня же другой подход, ты разве забыл? Насчёт "Эксперта". В эту группу попадают только адекватные и не всехпосылающие люди Молодец!

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

Я же говорил что лучше от бордера воздержаться. И бордер не выход, так как он тоже обрежет при overflow: hidden Тогда если уж будет этот крайний случай, то я сделаю общий контейнер. И ещё всё таки я не понял про маргины, в чём подвох? Вроде ок всё? http://jsfiddle.net/Sm8tb/1/ Прикольно psywalker - 11 111, Verder - 1 000 Да, кстати Отлично, но тогда параграф надо бы ещё в див обернуть. Чтобы было два контейнера отдельных. В одном контент, в дургом тень.

1. Какой коллапс? Что плохого в нижнем маргине? Покажи мне наглядный пример этого коллапса. 2. А отступы делать твой джиквери не умеет? 1. Я же сказал - не критично, но всеже. Флотнул блок и уже считай что внизу нету маргина, так как он не будет коллапсится с верхним маргином нижеследующего блока. Не флотнул - вот и учитывай что там внизу маргин есть. Еще раз скажу - что не критично, но может запутать другого человека. 2. какие отступы? блок меняет высоту, во время смены высоты overflow: hidden обязателен, куда тень подевается при overflow: hidden? И виной тут не jQuery (так не любимый тобой), а вообще общий подход к такому слайду. 2. На крайняк я бы сделал, либо бордер нижний прозрачный или общий контейнер с паддингом нижним.

mishka, 1. Какой коллапс? Что плохого в нижнем маргине? Покажи мне наглядный пример этого коллапса. 2. А отступы делать твой джиквери не умеет? Ну мля как обычно, Вердер виноват. А фигли, привыкли уже, давайте... Блин, сделайте меня модератором в Обсуждении, я вообще молчать буду, только банить. Вот. Не, я серьезно не виноват. Что бы я не сделал, плохое или хорошее, на этом форуме тема вырастает до гигантских размеров. Вот щас я что плохого сделал? А? Макет выложил людям? Карма, мля. Да нее, прекрати, молодец что макеты выложил, полезное дело. Я же не виновника в тебе увидел, а в принципе сказал, что тебе похрену на вёрстку. Ну похрену, ну и лана, это твои ж дела, у меня просто другой подход к вёрстке, да и всё.

Даа, buddah прям в точку и в тему

У меня на один контейнер(сказано не ради мерения письками) меньше и вариант я считаю красивее и всё же правильнее.

mishka, Не вижу тут проблемы, я ставлю нижний маргин и чем это плохо? Нижний же блок к ниму не прикоснётся? Verder, Не дружище, извини, но у меня другой подход к работе. Я не могу сделать калич, если умею по другому. вот-вот Ребят, mishka, psywalker, резюмируйте кто-нибудь тему, чтобы в итоге проще было уяснить Пожалуйста. Я своё решение уже говорил, да и Мишка тоже.

Да, вот смотри, например вот тут http://freeway-design.ru/example/shadows/ два разных блока, один для тени, другой с контентом. Вот это плохо. Я предлагаю засунуть блок с тенью в блок с контентом (верхний). Блок с конетом релатив, а блок с тенями абсолют и тупо его вниз ушатать координатами. Это если уж делать способ наверняка, без модных фич типа :after Слу, я еще раз говорю - общий контейнер нужно делать и при абсолюте, и при статике (как я говорил). Зачем? Я предлагаю НЕ делать общие контейнеры, а просто засунуть блок с тенями в блок с контентом. Я не буду спрашивать - "Зачем?", так как это обсуждение (проблема выеденного яйца не стоит) может растянуться надолго. Спаны я использовал просто потому, что всю конструкцию можно заключить в враппер, это будет отдельным большим блоком. Человек, который будет натягивать это на CMS, вставлять какие-нибудь модули и.т.д. а потом еще обслуживать, обновлять и что-то менять в сайте - скажет большое спасибо за отсутствие абсолютов. Ну тогда раз так рассуждать, то и много чего в CSS лишнее и вообще не стоит использовать. Нафиг нада, если Вася программист потом не поймёт. Кстати по секрету хочу сказать, что float ещё загадочнее бывает, чем абсолюты