gare4ka

https://gist.github.com/barryvdh/2881758 Пару переменных ручками на css написать только

Яндексу каждый байт на счету. Это плохой пример для подражания в данном случае.

Ну это только если modernizr очень активно используешь, а подрубать masonry нежелательно https://github.com/desandro/masonry сжатая версия весит 5кб

div class="item" пропиши у остальных, кроме первого

Где я утверждал, что мой сайт валидный? Себе делаю как удобней. Заказчику могу и "правильно"...

мой сайт - http://www.garik1.ru/ Там мои навыки, работы и контакты. Возможна удаленка или (даже желательно) на терр. работодателя в Москве.

У меня celeste в FF разъехалась. По шрифтам, чтобы всем угодить надо получить этот шрифт в eot, otf, ttf, woff и svg. Код должен быть что-то типа такого @font-face { font-family: 'league_gothicregular'; src: url(../fonts/league-gothic-webfont.eot); src: url(../fonts/league-gothic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/league-gothic-webfont.woff) format('woff'), url(../fonts/league-gothic-webfont.ttf) format('truetype'), url(../fonts/league-gothic-webfont.svg#league_gothicregular) format('svg'); font-weight: normal; font-style: normal; } Я конвертировал на http://www.fontsquirrel.com/tools/webfont-generator

Можно запутаться, но это не самое страшное. Главное, что возрастает нагрузка, т.к. вначале ищутся все ul, а потом уже среди них с конкретным классом... т.е. когда ты пишешь a.classname у тебя пролистываются все ссылки, а потом уде выбирается класс... Машине куда легче, когда сразу класс написан

Ну а может всё нормально?! Айди лучше оставлять для js, для стилей классы. В больших проектах такие вещи ul.menu > li ul > li a делать не надо. В маленьких не так критично, но лучше просто класс придумать. Еще у тебя линия(граница) слева от копирайтов как-то не посетке, что-то съехало... С проблемами верстки лучше конечно в соот тему, но отвечу здесь. 1)Float в ИЕ работает, просто блоки слишком широкие, отсюда и перенос. 2) .book p{ overflow:hidden; width:160px; max-height:86px; margin-left:70px; padding-right:20px; } Максимальная высота 86 пикселей, в то время как контента на все 200. Разумеется он будет обрезан за счет overflow:hidden + max-height

Не совсем она ))) Но уже без надобности, я нашел человека, который ответил на мои вопросы...

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

Вместо margin-left: 52px; margin-top: 90px;Лучше писать margin: 90px 0 0 52px; Также неправильно #header ul{ padding-top: 9px; padding-left: 355px; }Лучше сделать через float и margin. Из-за таких вещей страдает производительность #menu ul li a #logo > h1 > a > imgНо в маленьких проектах не критично. Зачем так нагромождать? <div id="logo"> <h1><a href="javascript:void(0)" title="ПромCтекло"> <img src="images/logo.png" title="Beach Travel" alt="" /> </a></h1> </div>Тут можно обойтись 1-2 элементами Такие ошибки постоянные <div id="menu"> <ul> <li><a href="javascript:void(0)">\\ home</a></li> <li><a href="javascript:void(0)">\\ new products</a></li> <li><a href="javascript:void(0)">\\ specials</a></li> <li><a href="javascript:void(0)">\\ products all</a></li> <li><a href="javascript:void(0)">\\ reviews</a></li> <li><a href="javascript:void(0)">\\ contact us</a></li> <li><a href="javascript:void(0)">\\ faq</a></li> </ul> </div>ul и так блочный, не имеет смысла его оборачивать в div. id для JavaScript, лучше использовать классы

В первом случае прошу оценить CSS3 и семантику HTML5. Поддержка браузеров от ие9+ Также не стал заморачиваться со шрифтами. Заголовки в футере будут отличаться от макета, также FF и Opera не поддерживают шрифт Wingdings, 'Zapf Dingbats' для class=""rank" Оригинальный МАКЕТ решено было переделать на всю ширину экрана с минимальным использованием изображений, все что мог, сделал на CSS3. Что получилось можно посмотреть ЗДЕСЬ ————————————————————————————————— Второй МАКЕТ поддерживает браузеры от ие7+, кроме эффектов для соц. сетей. В соврмененных браузерах просто для наглядности задал им rotate. В идеале какой-нибудь эффект на js сделаю, пока особо не задумывался. В данном случае также интересует семантика и css. + есть интересная проблема, пока в соот. раздел не буду постить, может здесь ответ получу. РЕЗУЛЬТАТ очень долго (порой до 30сек.) загружается и обновляется ЛОКАЛЬНО в ИЕ и хроме, реже в опере, а в ФФ и Сафари всегда моментально, т.е. очевидно, что проблема не в движке. С вэб-сервера всё хорошо Буду рад услышать предложения и замечания!

Поэтому обратите внимание на CSS Reset. Я не рекомендую его в качестве серебряной пули, но, по крайней мере, вы можете увидеть, что он обнуляет и взять на заметку, чтобы уже иметь ввиду такие особенности. Да да. Я его использую и постепенно под себя заполняю, когда узнаю что-то новое.

На тему js еще посоветую "JavaScript Подробное Руководство" Флэнагана. 6е издание самое последнее.

Таки да! min-width решил проблему. Да. Оказывается в заголовках даже при нулевом padding есть отступы.

1-3) Про каскад, шрифты и ID понял, исправлюсь 4-9) Это я поленился проверить копипасту стилей к слайдеру. буду внимательнее. Хм. У меня в 7ми браузерах всё нормально отображается. И на других компах тоже... background: #080808; height: 160px; Вот весь код, у родителей ширина тоже не задана, соот. на весь экран. Нашел проблему. Вы меряли по слайдеру, а у него в изображении несколько пикселей прозрачных слева. Исправлю. Даже не догадывался. полезная наводка Всем спасибо за помощь!

Цель была сделать кроссбраузерно от ie7+. в 7ке не работают кнопки слайдера, пока не разобрался в причине. Сама работа: http://gare4ka.ru/bis/index.html Исходник: http://ui-cloud.com/business-internet-studio-theme-psd/ Также хотелось бы услышать критику по CSS, особенно по header и footer.

<div id="righthead"><div id="search">Search</div><input type="text" id="input"><a href="#"><img src="http://businessname.ucoz.com/searchkey.png" id="key"></a></div> </div> Здесь вместо ссылки надо использовать <input type="submit">. + в FF эта ссылка съехала. про IE от 7 и старше полный полом.

При разрешении 1920px в хэдэре начинают повторяться кроссовки.

Всем привет! Наткнулся в сети на такой PSD макет. Решил помучиться и сделать свою первую кроссбраузерную резину (ie7+). Дизайн - это не моё, а вот за код можно бить нещадно Сама работа Заранее спасибо!