Softlink

http://jsfiddle.net/P9HYX/1/ normalized надо убрать Что, прости, убрать? Они же одинаковые ссылки? Ткни носом. Код одинаковый, а слева в панели есть чекбокс "Normalized CSS", попросту - ресет. А в нем, есть такое свойство как border-collapse:collapse;, при котором не работает border-spacing, в результате ты видишь слившиеся в одно красные блоки

http://jsfiddle.net/P9HYX/1/ normalized надо убрать

у меня вот так получилось http://jsfiddle.net/aXVqx/, но тот блок я не стал делить. Артур, забацай вариант с пустой ячейкой. Мне кажется, что овчинка выделки не стоит. В крайнем случае можно вложить два дива туда, чем непредсказуемость пустой ячейки.

какие-то есть раз, два

Не, по-моему одной таблицей точно не обойтись. Всю картину портят два блока справа перед футером. Если бы они "делили" желтый блок с такой же пропорцией, как и вверху, то да - одна таблица, а так придется вкладывать дополнительную.

Поддерживаю. Не обязательно же выдумывать. Яндекс картинки вам в помощь

oO .raz{ background:url(fon.jpg); } .dva{ background:url(fon-y.jpg) repeat-y; } <td class="raz"></td> <td class="dva"></td>Оо

Где ж в Барнауле стригут за 1000 рублей?

Вы наверное разделом ошиблись, не? Сами-то что-то сделали уже? Какие мысли в целом?

Вы как сделали? Через флоат? Самое простое - паддингами заровнять все. Для инлайн-блока подойдет text-align.

Ссылкам display:inline-block; или float:left; Картинкам в меню display:block;

Там два релатива Один (для .shadow) лишний. В крайнем случае, можно еще один раз обернуть див, с заданным релативом и успокоиться насчет враппера)) Два дива и на параграф навесили минусовой индекс http://jsfiddle.net/ud2de/ Теперь можно и забыть о релативе во всю площадь

Тут еще дело в том, что не обязательно этот текст будет в основном блоке. Может скорее всего он окажется в сайдбаре или в каких-нибудь комментариях, т.е. не обязательно задавать индекс врапперу. А если уж все-таки он будет в основном блоке, то с учетом "естественного отбора" браузеров и более-менее адекватного и предсказуемого поведения современных навигаторов, можно использовать индекс и для враппера. Это примерно то, о чем писал Илья

Вполне себе прикольно Только не очень понятно, как сделать интенсивность и размер побольше) Поигрался с размерами блока и сдвигами, но получилось не совсем то, что хотел увидеть

Насчет костыля спорно, но, думаю, на этом мы и завяжем Кому-то пригодится, кому-то нет. Кого-то пугают индексы, кого-то нет. Повторюсь - я не навязываю нисколько

http://jsfiddle.net/aeMMB/7/

Макс, я тебя не узнаю) Ну не задавать никакого фона для текстового блока. Все будет "насквозь просвечиваться" и отобразится твой фон, заданный для враппера. Тут было не совсем правильное утверждение.

Ты наверное и не понял, о чем я говорил. Тот фон, который тебе нарисовал дизайнер для блока-обертки, ставь в блок текста и все дела. Как сейчас сделано, например.

А зачем, спрашивается, ставить фон обертке, когда его можно поставить блоку с текстом и получится тот же самый результат? Короче, я не настаиваю, дело каждого - использовать или нет. Плюсы и минусы вроде обсудили.

Про ИЕ уже говорил. В Опере чуток интенсивнее тень. А что может быть плохого с индексом? У тебя есть обертка для этого блока, которая идет "на равных" со всеми блоками на сайте.

Ну это же js? Так-то у Лебедева уже давненько придумали сделать градиентный текст. И все равно в топку ИЕ. Ну чего под него извращаться-то? И да, у меня не градиент, а именно затухание, все верно

Моему начальству это объясните... А если через PIE попробовать? У меня так сложилось, что мне никогда не приходилось добиваться одинакового отображения в ИЕшках, потому им не пользовался ни разу.

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

Привет всем! Часто приходится слышать вопросы, как быть с "затуханием" текста. Сегодня придумал совсем незамысловатый прием. Весь фокус заключается в box-shadow. Ссылка на пример http://alpatriott.ru/works/gradient-text/ Технология проста как три копейки. Вкладываем один див в другой. Вложенному диву задаем отрицательный z-index, а обертке ставим внутреннюю тень с нужным нам смещением. Чтобы тень была именно там, где мы хотим, а не по всему контуру, задаем ей отрицательное растяжение и за счет большого сдвига и рассеивания, у нас тень остается только там, где надо. Вот собственно и все. Плюсы: 1)текст полностью выделяемый 2)текстовый блок не выпадает из потока и в див-обертку можно добавлять любой контент(но затухания у него уже не будет) 3)затухание не зависит от размера блока и останется всегда там, где мы его добавили. Минусы 1)из-за отрицательного z-index пришлось добавить значок курсора для текста(для явности) 2)в опере(11.52) получилось какое-то большое растяжение, в результате чего часть текста просто не видно. 3)не работает в ИЕ до 8 включительно (добавлено) 4)..? Соответственно цвета и интенсивность можно выставить в параметрах тени. Посмотрите, покритикуйте, может еще чего-нибудь добавим полезного.

Может тогда это сделать каким-нибудь другим способом в фотошопе и не городить огород в css?