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

<img data-src="img.png">

Такой код невалидный для валидатора, зато он корректно обрабатывается всеми браузерами и если отсутсвует src браузер не отправляет ничего на рендер.

Многие даже на стеке советуют писать костыли типо:

<img src="">
<img src="data:">
<img src="#">
<img src="about:blank">

Все это хрень и разные браузеры себя по разному ведут в данной ситуации.
По стандарту атрибут src обязателен. Получается нельзя вставить картинку без картинки, т.е сам контейнер для ленивой загрузки. Так, что валидатор можно иногда игнорить иначе все оптимизации дойдут до ереси.

buster
Если ты используешь HTML5, то используй его теги.
Ни одного HTML5 тега не увидел, меня немного это опечалило.
width: 1007px; - Неправильная ширина. Для мониторов с разрешением 1024х768 с верстикальной прокруткой будет горизонтальная. Ранее максимум был 1004px, но стандартом рекомендовано именно 1000px.

Статичные картинки без СЕО-контента в массовом числе лучше делать на 1 большом спрайте, в твоём случае это карточки виза и т.д.

Ну и спец.символы такие как копирайт пишутся через спецсимвол &copy; , это если грамотно писать.

Но тут большой упор делается в интернет-магазине на страницы с товарами, чтобы поисковик их находил. Для меня это важнее, поэтому сверстай страницу с товарами с исправлением выше указанных ошибок, тогда и поговорим

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

Надо не следующий делать лучше, а этот доработать, если уж идёт погоня за качеством. Потому что мне кажется, что этот не доделан.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

inpost
Хорошо, этот я переделаю тоже.

Ну верстка как верстка, на фрилансе 7 баксов за такую сейчас дают, так как сверстано все позиционированием то никогда этому сайту не стать адаптивным (-50% посетителей), спрайты надо использовать как было сказано выше, разрешение стандартное под сетки 960пикселей а не 1000, про попиксельную верстку просто забудьте - эта глупость была только у нас, и вообще пиксел-перфект это утопия не выполнимая. По поводу тегов html5 сказать ничего не могу, сам пользуюсь только <header>,<footer>,<section> и <nav> все остальное жуткий холивар и сами создатели не знают как их использовать.

http://gyazo.com/c3862520bf620e9c5c544948480925f7

До сих пор это есть. Опера 26.0.

Заметил пагинация сделана через background-image, хотя никакой текстуры нету. Может быть лучше сделать через background-color вместе с border-radius: 50%; (вы же все равно HTML5 используете)?

Я смотрю вы очень много картинок для кончиков используете, а как насчет треугольников на чистом CSS с помощью border и :after, :before?

Как уже говорили выше, стоит подумать об использование CSS-Sprite'ов. Вроде пока что все.

_____________
Мой блог

volter9

Не так быстро ))

Как только будет свободное время, все постараюсь исправить ))

"разрешение стандартное под сетки 960пикселей а не 1000"
Жду подтверждения от официальных источников стандартов WEB. А пока нет пруфа - сиди и помалкивай человек, который изучает HTML 3 недели и считает себя самым умным, хотя сам ничего не знает.

buster
Самая большая проблема слушать про стандарты. Смотри не перенимай их от людей, которые только делают первые шаги в верстке, ок?

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

volter9
bootstrap не разбирается в сетке? А гугл? А яндекс? Может быть вконтакте или хабра? Или наш форум? Вот все кругом такие безграмотные
Да, некоторые делают 960, некоторые делают 980, некоторые 1000, некоторые 1100. А некоторые и 480 и 320. Выбранное разрешение индивидуально. Глянь ширину вконтакте, или ты считаешь их говнокодерами?
Я назвал ошибку в 1007px по той причине, что ТС хотел было нормальное отображение для 1024, а для этого надо не 1007, а 1000. Вот и всё. Тот же бутстрап 3 считает 998 нормой, а старый 2-ой версии 980 пикселей.

Как делать под мобильные устройства? Спроси у facebook, vk, apple.com , просто возьми айфон и открой apple.com и увидишь лучшие решения. Или ты уверяешь, что Вася Пупкин верстальщик из 2-ого подъезда, который уже целых 2 верстки сделал шарит лучше разработчиков этих самых мобильных браузеров и мобильных устройств?

Я задал много вопросов, надеюсь услышать на них ответы, это были не риторические

А может быть документацию "как делать сайты" в гугле писали говнокодеры и не разбираются в этом? Там целый раздел о том, как лучше предоставить контент для мобильных устройств, и это НОВАЯ документация, потому что за ней я слежу.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).