Carneol

Вы извините, но выглядит, как провокация. Если вы не врете и реально можете сделать такой проект идеально пиксель в пиксель с сохранением этой попиксельности в ie7, с хорошей структурой, без инлайн стилей и прочей фигни и тд, то докажите. Чтоб было честно, я найму Вас на том сайте, где сама ищу работу, сайт гарантирует официально оплату за почасовую работу, это есть в его политике и правилах, сайт - один из крупнейших американских фрилансерских, не шарашкина контора, не заплатить я не смогу физически, да и 1500 рублей - не самые большие деньги. Я найду макет схожего размера и сложности. Сделаете за 4-5 часов - ок, полторы тысячи ваши. Не сделаете... Ну значит, вы тут фигней страдаете и слова на ветер бросаете, как последний пустозвон. Идет? Не считая ИЕ, могу. ИЕ это вообще доп. деньги и время, там хоть ИЕ5. Вырезка тоже не считается, это уже доп. затраты, и по большей степени с каждым проектом все меньше надо что то вырезать, все в код, все в код! Можно и быстрее накодить "по-индусски" "по-стахановски", но что потом будет с такой вёрсткой? Впрочем, и в нынешнем варианте косяки есть, но они хотя бы поправимы. Тогда уж лучше так: Скоростная вёрстка сайтов-визиток О боже, мапы... , я думаю этим все сказано) Работаю в блокноте++ Смотришь диз, рисуешь структуру, вложенные блоки и все такое, что бы сконструировать сетку. Открываешь блокнот пишешь шатамэлэ код открываешь вторую стр. пишешь ксс. ушел... Потом доп. js где нужно... и проверка по тз. (разрешение, доп. устройства: тв, тел., комп, бла бла бла). Ой, какая прелесть. Вы, наверное, не в курсе, но тупо накорябать код задней лапой, как Вы написали, - любой дурак может и за два часа. Нормальным заказчикам надо, чтоб все из PSD-файла было вырезано, чтоб все в IE было полностью так, как в макете, чтоб все расстояния между элементами были выверены по линейке с погрешностью, максимум, в пару пикселей. И вот как правильно сказано выше, именно за IE, за попиксельное соответствие макету, за нарезку PSD-файла так и платят. И именно потому оно так долго и делается. А делать "на глазок", без линейки, не выверяя - это уже или для совершенно невзыскательных клиентов, или для плохо оплачиваемых халтурщиков.

Вы извините, но выглядит, как провокация. Если вы не врете и реально можете сделать такой проект идеально пиксель в пиксель с сохранением этой попиксельности в ie7, с хорошей структурой, без инлайн стилей и прочей фигни и тд, то докажите. Чтоб было честно, я найму Вас на том сайте, где сама ищу работу, сайт гарантирует официально оплату за почасовую работу, это есть в его политике и правилах, сайт - один из крупнейших американских фрилансерских, не шарашкина контора, не заплатить я не смогу физически, да и 1500 рублей - не самые большие деньги. Я найду макет схожего размера и сложности. Сделаете за 4-5 часов - ок, полторы тысячи ваши. Не сделаете... Ну значит, вы тут фигней страдаете и слова на ветер бросаете, как последний пустозвон. Идет? А можно узнать кому они должны?Не расширение, а разрешение. Я так и не понял что там некорректное в блоках. Ошибся бывает такое, спасибо, что поправили. 1) Почитайте спеки, как правильно и в каком порядке должны идти тэги в head. 2) Посмотрите внимательно структуру, если думаете, что робот поисковик все нормально это воспримет, то у меня к Вам нет вопросов. А могу ли я попросить Вас подробнее объяснить,ч то не так со структурой. Потому что, пока, единственное отличие, которое я вижу от вашей схемы - это отсутствие единого body. Не три части получилось, а четыре (header, footer, middle-block и aside). Я, наверное, что-то не так поняла, или Вы имели в виду именно этот момент?

http://allday2.com/ Вот тут покопайтесь, тут много годных текстур в высоком разрешении, прям по поисковому запросу "дерево текстура" все найдется. А от углов, имхо, зря отказались, выглядит более современно, а это важно, если, конечно, Вы делаете макет не "в стол", а для портфолио.

Имхо, поставьте лучше в фон не такую пятнистую текстуру, от нее в глазах рябит. Что-то потемнее, поэлегантнее бы, более качественное изображение. А то выглядит, как кусок пыльной фанеры. и еще, либо в логотип - зеленое, либо в треугольник под "Главная" - голубое, иначе как-то не монтируется совсем. Стоило бы, как по мне, убрать зигзаг из меню, оставить его ровным, может, сам фон меню сделать чуть более прозрачным, закруглить у блоков углы. И еще, "как проехать" и новости передвиньте лучше вниз, а блоки, ответственные за ассортимент магазина - вверх

Ваше право ) Лично Вы можете работать за меньшую цену, я же Вас не принуждаю брать за подобные проекты столько, сколько беру я. Большое спасибо, пойду править!

Нет, ни в коем случае не должно, огромное спасибо, что заметили! А скажите, пожалуйста, в каком браузере возник такой глюк? У меня потому что все ок везде.

Ну да, я бы так делал. Много же лишних букв писать не придется. Может у других есть иное мнение на этот счет. Мне кажется это нормально, ну приемлимо :-) И 100$ тоже нормально в это время. Когда быстро делаешь, что нибудь да от взора уходит. Спасибо еще раз )) Вы меня успокоили )) Именно так. А Вы думаете, этого мало за 19 часов непрерывной работы?

Спасибо большое! А как было бы лучше? Класс ul, а внутренние через конструкции типа ul li a? А если в часах примерно? То есть вот я сделала за 19 часов все, это слишком много или приемлемо? Примерно 100$

Добрый день! Был бы рада оценкам верстки макета. Это мой всего лишь четвертый макет и самый крупный из всех, что я делала. Уверена, что, с огромной долей вероятности, накосячила где-нибудь, так что буду очень благодарна, если мне укажут на ошибки, недочеты и неконструктивности. Ссылка на сверстанный шаблон - http://paradoxsite.c...autysa/bsa.html, дизайн не мой, дизайн заказчика, так что его прошу не критиковать. Иконки соцсетей в постах блога макета и твиттер-посты в сайдбаре вставлены картинками по просьбе заказчика. И еще вопрос: как считаете, сколько часов у хорошего верстальщика должно уходить на подобную работу, с учетом pixel-perfect и кроссбраузерности сайта (ie7+, chrome, saphari, opera, FF)? Заранее огромное спасибо!

Спасибо! Ссылки прекрасные, очень помогло, особенно codepen. А делать надо для ie8-10, chrome, Opera, FF

Спасибо огромное!

Решен? )) Ничего подобного! Вы, наверное, сайтики в исполнении индусов не видели, их сейчас жуткая куча именно в табличной верстке, с инлайн стилями к каждой td. Это реально вечная проблема )))

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

И кстати, я как-то проморгала Ваш вопрос про absolute и чем он плох. Все просто: absolute делает очень жесткий и нерегулируемый макет, если в этот макет добавить что-то еще, блок ли, новость ли, то макет посыплется, понимаете? Из-за absolute он совершенно не рассчитан на любые изменения, негибкий, такой сайт причинит массу неудобств. Лучше использовать absolute по минимуму, привыкать без него добиваться тех же результатов

Очень интересное решение, как-то у меня даже фантазии на такое не хватило )) Спасибо большое, очень полезно!

Можно задать блоку высоту и ширину, равную иконке Вконтакте, дать ему бэкграудом указанную Вами картинку, пусть это выглядит, как: .icon-vk { width: 90px; /* значение с потолка взяла, для примера */ height: 90px; background: url('...') no-repeat 0px 0px; } а потом в строчке background: url('...') no-repeat 0px 0px; подставьте вместо значений 0px такие значения, чтоб в Вашем блоке высвечивалась нужная часть бэкграунда. Если не ошибаюсь, то первое значение будет двигать по горизонтали, второе - по вертикали.

Ну, если говорить об html5 семантике, то: 1) Там, где у Вас верхнее меню, там, все таки, не section, а тег header. 2) Footer тоже не внутри section должен быть, зачем его внутрь класть? 3) .right_col и .left_col не стоит делать section, тег section нужен, чтобы задавать тематически связанный контент, в идеале, чтобы этому контенту предшествовал заголовок. То есть, блок с event - это section, а вся левая колонка лучше была бы div. 4) У Вас, оказывается, весь контент (.right_col и .left_col) запихан в один огромный article. Так нельзя, тег article нужен не для того, чтоб туда весь контент складывать, а чтобы, скажем, оформлять им посты блога, новости в ленте новостей итд. Еще одно замечание, <h1> лучше чтобы был единственным на странице, это очень хорошо для SEO. Такие заголовки, как у Вас, лучше делать <h4>, например. Далее, я бы к этому макету, на Вашем месте, добавила бы какие-нибудь симпатичные hover для кнопок меню. Если говорить о самом макете, то слабый он своим дизайном. Посмотрите, к примеру, вот тут http://www.free-psd.co/ лежит больше тысячи приличных макетов, какие-то попроще, какие-то посложнее, но выглядят они всяко более современно и выверенно, чем Ваш.

Добрый день! Очень нуждаюсь в помощи с меню, буду рада любым советам. Выглядит оно вот так: Красным выделен, собственно, участок меню, который необходимо сверстать, а непонятки с левым участком с надписью "Friends Sign Up". В PSD-макете вся оранжевая область меню - одна целая картинка, причем, сделанная так, что ее на части разобрать очень проблематично, даже слишком проблематично, так что отрезать от картинки левую часть и прилепить в код бэкграундом я не смогу. Есть ли возможность как-то так сделать левую часть ресурсами только HTML и CSS? Так, чтоб и hover-эффект на эту часть меню был такой же формы. Либо, может, есть еще какие-то варианты? Заранее спасибо, буду очень-очень благодарна за любую помощь..

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

Мое имхо: в обновленном макете очень плохо видно ссылки в меню. Они темные на темном фоне, это не удобно, белыми им было лучше.

Лично я начинала с книг от издательства O'reilly, у них очень хорошие теоретические книжки, по крайней мере, на мой вкус, материал подан подробно, детализированно, доходчиво и глубоко. Конкретно с "HTML и XHTML. Подробное руководство" от Муссиано и Кеннеди и "CSS. Каскадные таблицы стилей. Подробное руководство" от Мейера. Стоят книги, как два чугунных моста, поэтому советовала бы скачать с торрентов.