Оцените первую учебную верстку

[red4pony]

А блоки партнерок внизу как лучше сделать: оставить картинками или правильней будет сделать background-ом?

Правильно - не существует(вилки - нет). Все субъективно. Делайте согласно Вашим убеждениям/стилю.

Уместно вставить изображение и у Вас появится редчайшая возможность использовать float по назначению (камень не в Ваш огород).

Вы там намудрили с вложенностью. Достаточно было:

<div>
<img>
<h5>Title</h5>
<p>Paragraph</p>
</div>

И добавить float изображению.

P.S. А партнерки разве Вы контролируете?(абстрактно) Они(книги) могут меняться, в зависимости от посетителя/желания рекламодателя.

[exeto]

Уберите выравнивание по ширине, в макете его нету. Логотип нужно сделать ссылкой.

[gregsv]

Уберите выравнивание по ширине, в макете его нету.

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

[exeto]

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

Я имел ввиду выравнивание текста по ширине. Убрать text-align: justify;

Edited May 22, 2013 by exeto

[gregsv]

теперь понял))

[gregsv]

У Вас

лежит в одном ЛОГИЧЕСКОМ контейнере с рекламой. Что между ними общего?

Они находятся в правой колонке. Только она их объединяет. Можно конечно колонку назначить div-ом, но насколько это изменит ситуацию?

[red4pony]

Устранится ошибка в семантике и котенок не умрет. Шутка. С рекламой все равно ему не выжить.

P.S. Я бы убрал рекламу или это блок (сместил бы его в левый сайдбар).

[gregsv]

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

[exeto]

Думаю стоит давать ссылку в первом посте на макет, чтобы не было недопониманий.

[gregsv]

ок. Сейчас подредактирую пост

[gregsv]

Поправил сайт.

Есть несколько моментов:

Сохранять файл стилей в правильной кодировке, вот еще почитайте.

http://habrahabr.ru/post/143452/ ЦитатаОпускайте кодировку для сss-файлов: для них UTF-8 задана по умолчанию.

Где истина? Сохранять с кодировкой или не нужно?

В menu-bar всплывающие подсказки можно было сделать обычным title. Думаю, что при помощи data-title все же будет более гибко. Спозиционировать можно по любому, да и фон убрать, если он не требуется.

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

Обновленные файлы перезалил. Можно посмотреть здесь http://webreference.besaba.com/

Верстал по макету на этом форуме в разделе Для начинающих/Макеты для верстки/Макет 1

[exeto]

Где истина? Сохранять с кодировкой или не нужно?

В firefox можно посмотреть кодировку, у вас она там ISO-8859-5. Наверное в статье на хабре имеется в виду, что нет смысла указывать кодировку через @charset "utf-8"; Но файл сохранять в utf-8.

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

Логотип так и не стал ссылкой, т.к. заголовок смещен влево вместе с ссылкой. И не стоит там title к ссылке добавлять. А насчет логотип в заголовке, все правильно, только для главной страницы.

P.S. И непонятное в статье на хабре, совет убирать протокол (http, https) в ссылках, попробовал убрать у ссылки на скрипт, сайт повесился.

P.S.S Проверил на хостинге, работает. Только все равно не понятно какой смысл так делать.

Edited May 23, 2013 by exeto

[gregsv]

В firefox можно посмотреть кодировку, у вас она там ISO-8859-5. Наверное в статье на хабре имеется в виду, что нет смысла указывать кодировку через @charset "utf-8"; Но файл сохранять в utf-8.

Делал через Dreamweaver, там в настройках выставлено сохранять файл css в кодировке uta-8. Плюс сейчас прописал в самом файле через @charset. Не могу понять почему тогда не та кодировка отражается...

Логотип так и не стал ссылкой, т.к. заголовок смещен влево вместе с ссылкой.

Ссылку я вообще убрал из логотипа

[exeto]

Делал через Dreamweaver, там в настройках выставлено сохранять файл css в кодировке uta-8. Плюс сейчас прописал в самом файле через @charset. Не могу понять почему тогда не та кодировка отражается...

С этим редактором не подскажу. Может из-за того что вы поменяли в настройках уже после создания файла стилей. Поищите что-то типо такого "преобразовать в UTF-8"

Ссылку я вообще убрал из логотипа

<h1><a href="/" title="на главную страницу">Webreference.ru</a></h1>

Не убрали. =)

Всегда нужно делать логотип ссылкой. Тут и обычной текстовой ссылки на главную нет.

[gregsv]

Тут и обычной текстовой ссылки на главную нет.

А есть смысл делать на главной странице ссылку на главную страницу? )))

По первому пункту обязательно посмотрю. Спасибо

Edited May 24, 2013 by gregsv

[gregsv]

В файле на хостинге ссылка действительно отразилась. Исправил

Проверил в Firefox свой css через инструмент разработчика, показывает utf-8 Если у Вас отражается другая кодировка, то подскажите как смотрели. Постараюсь проанализировать

[ZenCoder]

Секции в article и классы на параграфах лучше не использовать. У Вас же footer есть.

[ShumNo]

Shift-Web ?

[ZenCoder]

Shift-Web ?

Проститутка пароли украла от почты, домена, ключи от квартиры, паспорт порвала, деньги, ноутбук сломала, мусорам дала, чтобы не обижали ... Я теперь не он, мне стыдно (: