binomer

Собственно, моя вторая верстка.http://alex-portfoli...iness/home.html Макет здесь: http://alex-portfoli...siness_home.psdРасскажите, что так и не так. За исключением слайдеров, с ними я еще не разобрался и не прикрутил. Что я узнал? 1. Как делать выпадающее меню 2. Как накладывать тень для img 3. Для table и table-cell не работает позиционирование Что я сделал не так? 1. Свалил все картинки в одну папку 2... Подскажите, пожалуйста, как было бы правильнее сверстать блоки: 1. Над Latest Works. Я сделал с помощью table-cell, но это не соответствует макету, хоть и ровно сделано. 2. Элементы футера. Я сделал с помощью float:left И еще. Вообще не разобрался как правильно делать фон, когда его несколько на всю страницу и он шире контента. Поэтому пришлось оборачивать контент еще в один див. Если можете, помогите.

Находишь виджет фотошопа (список слоев), там находишь нужный слой (картинку в твоем случае), кликаешь ПКМ на нем - выделить пикселы - Ctrl+Shift+C (копировать) - Ctrl+N (создаешь новый файл) - Ctrl+V (вставляешь) - Ctrl+Shift+Alt+C(сохраняешь в каком нужно формате). Да можешь хоть 20 вопросов задать, если они похожи . А если разные по смыслу, то все же больше шансов на ответ, если разные темы. И еще. Прочти что ли какой небольшой туториал по фотошопу. Или вот, полезные видео, как мне кажется: http://psd2cms.ru/

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

Всем салют! Такая предыстория. Решил сверстать свой второй по счету макет, но сразу столкнулся с проблемой. Во всех шаблонах, которые я скачал из сети, имеется фотошопное сглаживание шрифтов. Об эту штуку, как я понял, много кто спотыкался. Собственно, проблема. Если отключить сглаживание, то текст на экране будет иметь другое положение, двигаться может до 20 пикселей в некоторых примерах. Я вчера над этим долго думал (выставил margin, padding как в макете, а результат оказался неправильным). А теперь вопрос. Правильно ли заранее отключать сглаживание для всех элементов макета. И если да, то как это сделать для всех сразу? Может, поделитесь еще сведениями подобного рода, что нужно знать начинающему верстальщику? Например, разрешение макета. Где-то я слышал, что оно должно быть 72 пункта/дюйм.

Э, в каком таком пробеле? Упд. Уже осознал.

Собственно, сабж. Мне надо добавить тень к элементам. Так и записал: -webkit-box-shadow: 0 0 0 6px rgba (0,0,0,1); -moz-box-shadow: 0 0 0 6px rgba (0,0,0,1); box-shadow: 0 0 0 6px rgba (0,0,0,1); Но ничего не произошло. В чем обычно бывает дело, подскажите, будьте любезны.

http://jsfiddle.net/etAS7/3/ Вот держи годный вариант. Как ты и хотел, Ширина блока меню одинакова независимо от текста. Ее можно по-разному задавать. Например, в пикселах (выбираешь подходящее под самый длинный текст) или в процентах (высчитывается от ширины родителя). ЗЫ Сам только учусь, может, что-то и не так.

Почему не приветствуются, можно поподробнее? И как правильнее делать? С изображениями ясно, спасибо. По пункту 2). Там в макете строчка не белого цвета. Что меню надо списком - затупил, потому что второе меню сделано нормально списком Не понял, что это означает. В любом случае спасибо за развернутый отзыв.

Хм, я просто считал, что горизонтальная полоса прокрутки - плохо

[quote ]Важна не ширина макета, а ширина контента, от нее нужно отталкиваться. Макет такой ширины лишь для того, что бы показать Вам как выглядит фон или как выглядит сайт на больших разрешениях. Сами подумайте, как бы Вы узнали как выглядит пустое пространство по краям сайта на больших мониторах, если бы дизайнер обрезал картинку по тексту шириной, например, в 1000px? Или, при ширине макета в 1000px, когда всю область занимет текст, можно подумать, что сайт резиновый и незивисимо от размера экрана текст всегда примыкает к краям. Спасибо за ответ, но тогда у меня возник вопрос один. Бэкграунд в макете - сразу несколько наложенных друг на друга слоев и цвета, текстур, градиентов. По сути это картинка фиксированного размера и ее надо так и вставлять на сайт. А как тогда ее уменьшить в размерах, если у пользователя небольшое разрешение и одновременно оставить большой на больших разрешениях? Я понимаю про repeat-x, repeat-y, но если фон не везде одинаковый?

Макет такой был

Всем салют! Делаю первые шаги в верстке, поэтому прошу оценить: Тыц! Сверстал макет фиксированный ширины 1600 пикселей. Укажите, пожалуйста, все косяки. Пока верстал, появилось несколько вопросов: 1. Если background в psd макете представляет собой что-то сложное (много слоев), то их нужно склеить и уже как одну картинку использовать для сайта? 2. На примере этого макета понял, что иногда требуется резиновая верстка и т.п. более продвинутые варианты. Посоветуйте, пожалуйста, каких-нибудь годных вступительных статей на эту тему. 3. В макете один из заголовков сделан с использованием тени и градиента. Можно ли как-то решать это при помощи CSS или не стоит заморачиваться и вставлять такие объекты картинкой? 4. Насколько важна верстка пиксель в пиксель? Добавлено через 10 минут Совсем забыл, вот ссылка на исходный макет здесь