Viper

Потому-что это фикс на VML со своими багами. Добавьте position: relative к этим элементам. Пора уже забывать про этот фикс: все больше клиентов(почти все) соглашаються/поддерживают graceful degradation, IE<9 уверенно уходят в прошлое, для интернет-магазинов бессмысленное использование PIE - скорость и комфорт идет в приоритете, тем более для пользователей IE<9... да если фиксированная верстка - то обычный.

Поиск: google сниппет

по поводу второй книги, в догонку...) _http://habrahabr.ru/post/148116/

1. Сделать - да. Выполнять обе - наверное, нет. Но к чему это было сказанно? Какое это имеет отношение к id в html? Почему из-за этого нужно ставить/использовать id? 2. Какая разница сколько раз используеться/вызываеться функция по отношению к использования class или id?

Главная ваша проблема - не те крижки читали... Проблемы возникают потому-что вы не понимаете(не знаете) основ - предлагаю начать с них. Пытайтесь делать правильно: соблюдайте семантику и логику языка, тегов. Тегами вы не должны "рисовать" сайт! Каждый тег, в большей или меньшей мере, несет смысловую нагрузку: "не пытайтесь положить кирпичь на лист дерева...". П.С. В начале задумывайтесь над каждым элементом сайта(в какой тег поместить) и эксперементируйте со стилями, не забывая о скорости рендеринга и структуре.

что-то я не уловил связи... это почему же?

учитесь пользоваться поиском(Ctrl+F)

В index.html не закоментированные(не верно закоментированные) стили: <style type="text/css"> <!-- body { background-color: #EDEDED; font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin: 0px; padding: 0px; } ... --> </style> В файле стилей 2 раза определяеться семейство шрифтом для body. Приведите в порядок стили...

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

поиск в помощь

Нет, всмысле: style="border-width:0px;" ... border="0" подобные правила правильней выносить в отдельный CSS

эм... троллите или серьезно?

ну почему именно <span>??( зачем?( не будут работать в IE<9 без тяжелых экспрешенов. П.С. А контент не предвидится в даных блоках?

Работу(верстальщиком) искать не пытались? Навыки junior'a у вас присутствуют. Набить портфолио(production), например, в web-студии, а время принесет и опыт, и улучшит навыки... К тому же, работа поможет вам разобраться/направить куда вам двигаться дальше...ИМХО

http://jsfiddle.net/webviper/z7Byj/

1. Весь сайт в теге <form>, <sarcasm>браво!</sarcasm> 2. инлайновые стили 3. Шапка без текста... 4. Названия модулей(текст) в <div>-е 5. arrows в верхнем меню в бессмысленном <img> 6. Пункты меню в выпадаюем меню - набор ссылок, не список 7. верстка таблицами 8. тег <center> устаревший 9. 223 ошибки валидации 10. Отсутствие(везде) атрибутов title и alt. 11. Заголовки вставлены где и как попало ... Такая критика вам нужна? П.С. Глядя на этот сайт, можно смело предположить, что при его разработке вам было наплевать на верстку... , ИМХО

В общих чертах, Да. Но это применимо только к элементам с позиционированием: relative/absolute/fixed. По умолчанию же, у всех элементов - static.

«Блочных и строчных элементов» в HTML больше нет: css-live.ru Используй теги по их логическому(семантическому) назначению. Представь, например, что ты строишь дом... хватить уже вспоминать бедного котёнка...) Необходимы хотя бы самые базовые знания и понимание основных принципов работы. Но все зависит от того, чего ты хочешь. JS очень востребован для верстальщика. По поводу всего остального: ты должен понимать, что с твоей версткой будут работать программисты/другие специалисты. Если ты будешь понимать основные принципы программирования, серверной части(back-end), работу шаблонизаторов, usability/UX, то от тебя(как от верстальщика) будет гораздо больше пользы... "Необходимо"? Для тебя, для работодателя или для проекта? Решать только тебе.

add: .menu { z-index: 9999; position: relative; }

Пользуюсь, при необходимости, этим: _http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html

Наиболее удобный способ(ИМХО) - подключать с помощью google Fonts API: _http://www.google.com/webfonts/ Вы не правильно поняли. Вы не размещаете там свой шрифт. Этот сервис конвертирует ваш шрифт в нужные(на выбор) форматы и генерирует необходимый CSS-код. Этот метод наиболее надежен, гибок и позволяет, насколько я знаю, работать с индивидуальными и отредактированными шрифтами.

Без опыта работы, портфолио и, предположительно, слабыми навыками сразу на фриланс/на дому? Очень сложно... Присутствуют факторы - кидалово, отсутствие стабильности(фриланс) и забота официального заработка. Найти постоянную работу на дому намного сложнее(и попадаються подводные камни), чем в офисе, особенно, в начале пути, ИМХО.

FF, Chrome, Opera(если СНГ), Safari(если зарубеж) - последние версии, но нужно ориентироваться в поддержке CSS3/HTML5 разными версиями П.С. ИЕ6 похоронили...

_http://jsfiddle.net/webviper/cuTN6/5/ В опере тоже плавно, забыл добавить префикс для оперы: -o-transition: width 0.5s ease-in;

убери во 2-м примере .wrap .block_bottom { min-height: 300px; } и будет плавно