Пожалуйста оцените верстку

[AgrailT800]

Доброго времени суток!

 

Сайт http://aboutus.esy.es/

Нашел очень простенький шаблон сайта и сверстал одну из страниц.

Я начинающий верстальщик. Пожалуйста, покритикуйте вёрстку.

psd https://disk.yandex.ua/public/?hash=5iwrc/TRsde5Y4Di2u401hOYcHP%2B5Qb1YfMt3fNKziQ%3D
<script charset="UTF-8" src="chrome://hdv/content/hdv.js" type="application/javascript"> </script>

[DivMan]

линию в подвале надо через бордер делать 

[M.Azazaza]

За 10$/ч я проведу профессианальную аналитику твоег сайта. Обращайся

[vera17]

а почему нельзя было диву с классом контент прописать бэкграундом картинку которую вы задали , как img с абсолютным позиционированием?

Много вставляете картинками , то что можно сделать через код бэкграундом. 

Использование relative и absolute не по назначению плохая практика.

Я бы посоветовала верстать простые макеты с готовым кодом, а потом заглядывать в код, и запоминать, что как верстается http://web.archive.org/web/20120419005535/http://divhack.com/

Edited February 21, 2014 by vera17

[CroaToa]

За 10$/ч я проведу профессианальную аналитику твоег сайта. Обращайся

Есть специальный раздел для коммерции на форуме, зачем Вы пользуетесь всеми разделами для этого?

[AgrailT800]

линию в подвале надо через бордер делать

 

Спасибо за комментарий.

 

Использование relative и absolute не по назначению плохая практика.

 

Спасибо за комментарий.

А можно уточнить использование не по назначению везде? Тогда где relative и absolute надо использовать?

[vera17]

Если добавить текст или какой либо контент, например в  <div class="container"> , то текст или контент будет вылазить за края абсолютно позиционированного фона,а верстка должна предполагать изменение контента.

Абсолютное используется для расположения чего-либо так, чтобы оно никак не влияло на другое содержимое. Например, какая-то картинка фоном в углу, выпадающие блоки меню, всплывающие окна... Относительное задает блок, к которому идет привязка абсолютно позиционированных блоков внутри.

И обратите внимание на логику своего кода, на чрезмерную вложенность ( для этого ознакомитесь с вёрсткой  более квалифицированных верстальщиков ).В навигации активная ссылка на тег  <a> вешается, а не где то сбоку и абсолютом, ссылки  должны ховериться, h1 в таком количестве  не используется.

Проверяйте свою вёрстку с помощью валидатора http://validator.w3.org/

Совмещайте практику с теорией и будет всё хорошо!Удачи!