klierik

http://jsfiddle.net/klierik/5wmwc60q/1/

<div class="social"><!-- --><a href="#q" title="rss" class="ico_rss"></a><!-- --><a href="#q" title="facebook" class="ico_facebook"></a><!-- --><a href="#q" title="twitter" class="ico_twitter"></a><!-- --><a href="#q" title="flickr" class="ico_flickr"></a><!-- --><a href="#q" title="google" class="ico_google"></a> </div>заканчивай ты с этими комментариями... а то программер возьмет твой код, забьет на каменты и вставит разметку, и все -- посыпалось )))

и то правда, видать мне под руку попалась старая версия LESS

.top(@val) {top: calc(@val);top: -moz-calc(@val);top: -webkit-calc(@val);top: -o-calc(@val);top: expression(@val);}.example {.top(100px - 50px);}+ читать мат.часть: http://lesscss.org/features/#mixins-feature не должно, а компилятор выдаст ошибку:

тень можно нарисовать в фотошопе и повесить на :before,:after {}

Далеко не у всех есть IE9, так что хорошо бы скрины увидеть. Но предполагаю что никак не быть, потому как IE9 не умеет рисовать такие же тени как webkit\gecko

ах да, ты прав... совершенно вылетело проверить контент. тогда так: http://jsfiddle.net/9oa0t4nq/6/

давай её немного упростим: http://jsfiddle.net/9oa0t4nq/3/

тут ошибка в самом подходе... по-хорошему контейнер, на который вешается тень, не должен иметь занятые :before, :after, так как такие конструкции, по хорошему, которые отвечают непосредственно за layout, должны быть индивидуальными. они могут быть частью блока, но не должны мешать его простейшей реализации. это не идеальный подход и порой требует увеличение кода на пару тегов, но зато универсален. Наглядно (схематично) абстрактный пример можно описать так (emmet): .block>.block-content>.col2-set>.col*2>ul.block-list>li.item*3>a[href="#"]{$}в таком случае лейаут для контента блока будет сам по себе, а блок и его элементы сами по себе. а тень, в данном случае, можно повесить на .block:after {}

если данный код выполняет поставленную задачу -- то решение отличное

1. Данный подход, как правило, можно обойти более доступными способами. Он себя изжил2. А под какие браузеры версталось? Ибо это спокойно реализуется через d:t и d:t-c Всё правильно, тени в данной работе отстают по уровню. К тому времени когда разработчик уже сам знает как что делать то выкладывать работы уже не обязательно В данном случае тень хорошо бы легла через :after { ... }

интересно, а вот для чего тут комментарии? <nav class="nav"><!-- --><a href="#q">Home</a><!-- --><a href="#q">Blog</a><!-- --><a href="#q">Portfolio</a><!-- --><a href="#q">Photos</a><!-- --><a href="#q">Extras</a><!-- --><a href="#q">Contact</a> </nav>а еще вот тут зачем 9000px .sidebar {overflow: hidden;padding: 45px 10px 9000px;margin: 0 0 -9000px 0;background: url(../img/bg_gray.jpg);}а в остальном - кода мало, но написан он очень хорошо, продуманно, мне понравился. хорошая работа

может быть подойдут CSS-маски

весь html/css сжат, смотреть неначто

прочитай, пожалуйста, как оформить правильно вопрос, по ссылке в подписи

так а что ты читал в таком случае? как варинат есть старая хорошая статья: http://habrahabr.ru/post/21209/

google > parallax effect

здравствуйте, прочитайте, для начала, как правильно задать вопрос, по ссылке в подписи

так там толком и верстки то нет... совсем чутка... оценивать нечего

невозможно увеличить\уменьшить изображение без потери качества. если при уменьшении (визуальная) потеря незначительная, то при увеличении невозможно получить картинку размером в 2 раза больше из картинки размером в 2 раза меньше.

никак. в рассылках нет слоев. следует пользоваться подходом 90х годом используя в основном разметку с атрибутами и минимальный набор стилей CSS

> Для ретина дисплеев нужно это же изображение в размере 200 на 200 рх, вопрос, как же его сохранить без потери качества? Никак, разве что запросить у дизайнера х2 размер

1. Стили написаны плохо, все зашито под #id и не оптимизировано. Незачет 2. header nav ul {width: 480px;padding: 0px;margin: 0px auto;}Почему меню имеет жесткую ширину? А что будет елси завтра заказчик добавит пару пунктов? 3. На главной только странице куча <H1>, хотя должен быть только один. 4. это <div class="table"> <p class="top-table date">Дата</p><p class="top-table sobitie">Событие</p><p class="top-table bet">Ставка</p> <p class="top-table koef">Коэф.</p><p class="top-table yesno">Исход</p> <div class="content-table"> <p><span>31 августа</span><span> Реал Сосьедад – Реал М; Локомотив – Зенит</span><span>ТБ2.5; П2</span><span> .2.51</span><span> Сыграл</span></p><div id="wpcr_respond_1"></div> </div> </div>наверно один из самых странных кусков кода который я когда либо видел. ну вот зачем делать таблицу из параграфов и дивов? чем тебе <table> не угодил для табличных-то данных? Это не верстка, это просто набор тегов, о предназначении который автор не знает, описанный стилями, форматировать которые он не умеет. Но, по крайней мере у ТС получилось это дело хоть как-то собрать, что уже хорошо. Желаю набираться опыта PS: в подписи ссылка на типичные ошибки, рекомендую ознакомится

оформи тему как сказано по ссылке в подписи

а в чем возникает проблема?