Оцените верстку пожалуйста.

[stan07]

Добрый день!

/marco/

[by chris]

http://s1.ipicture.ru/uploads/20131023/NHWT1x6U.jpg

[stan07]

http://s1.ipicture.r...23/NHWT1x6U.jpg

???

[advokatua]

Это он намекнул на неверно разбитые html5 теги.

В макете все плохо:

кривой текст;

страшные отступы;

плохое выравнивание по вертикали;

футер как корзина для грязного белья;

в первой форме на кнопке "отправить" следы неудачного опыта с фотошопом;

в футере не может быть ничего кроме второстепенной, неважной информации. У вас же там очень важная форма.

И что это за макет такой в 982px?

.inner_top_header, .inner_bottom_header, .inner_top_content, .inner_bottom_content, .inner_footer {
width: 982px;

Параграфы придуманы не для оберток полей форм (спорный вопрос не дающий спать нашим умам)

<p><label>Имя :</label><input name="name" type="text"></p>

Edited October 23, 2013 by advokatua

[SelenIT]

Параграфы придуманы не для оберток полей форм

Спецификация (см. второй пример использования для <label>) не так категорична)

[advokatua]

Да, да, нашел

A paragraph is typically a run of phrasing content that forms a block of text with one or more sentences that discuss a particular topic, as in typography, but can also be used for more general thematic grouping. For instance, an address is also a paragraph, as is a part of a form, a byline, or a stanza in a poem.

недели 2 назад читал где-то нашенскую статью (то ли видео смотрел) про теги, и что параграф должен применяться для параграфов с обычным текстом, а не для выделения всего что нам нравится. В спецификацию тогда было лень глянуть.

По сути выходит - сколько людей, столько и мнений. И каждый для себя должен выбрать что-то одно: слушать волосатых чуваков с ютуба или же смотреть их лишь ради интереса, а руководствоваться исключительно спецификацией.

Просто все равно не понятно какое преимущество дает обертка в p, вместо обычного дива или спана. Какой семантики оно добавляет и как это будет звучать у читалок?

Янки с подобной темой - http://stackoverflow...html-for-inputs. Оба отвечающих против "p" в формах.

ЗЫ Кто как хочет, так и дро...

Edited October 23, 2013 by advokatua

[spdif]

... заголовок первого уровня мимо сайта вообще! как так?

[stan07]

advokatua

Cпасибо, но я не дизайнер я, всего лишь начинающий верстальщик)

[advokatua]

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

Если интересует замечания исключительно по коду, то лучше так и указывать изначально

[SelenIT]

Просто все равно не понятно какое преимущество дает обертка в p, вместо обычного дива или спана. Какой семантики оно добавляет и как это будет звучать у читалок? Янки с подобной темой - http://stackoverflow...tml-for-inputs. Оба отвечающих против "p" в формах.

Тема 10-го года. Вообще вопрос про формы издавна был холиворным (даром что спеки HTML 4/XHTML 1 разрешали использовать для этой цели таблицы, и это был самый практичный выход, но тогда многие страдали таблицефобией и спискоманией).

Что касается преимуществ, то «тематическая группировка» между полем, его подписью и (опционально) расшифровкой/подсказкой/пояснением/уточнением, имхо, очевидна. И читалкам желательно делать между такими группами паузы, а не тараторить их подряд. Поэтому span отпадает, группа должна быть «блочным» (в терминах HTML 4) элементом. Имхо, дивы, конечно, универсальнее (в спеке полно примеров и с ними), но они оправданнее, если форма должна быть навороченным виджетом с хитрым оформлением и интерактивностью. А если форма идет прямо в тексте, с общепринятыми для контента сайта отступами между полями и т.п. — вполне оправданы и абзацы.

[stan07]

Если интересует замечания исключительно по коду, то лучше так и указывать изначально

Вообще то название темы "Оцените верстку , пожалуйста "

[klierik]

большинство ошибок -- типичные.

вот список некоторых моих рецензий, пробегись мо ним. большинство ошибок у тебя присутвует.

http://htmlforum.ru/index.php?showtopic=46002entry306979

http://htmlforum.ru/index.php?showtopic=43261entry306407

http://htmlforum.ru/index.php?showtopic=45901entry306411

http://htmlforum.ru/index.php?showtopic=45090entry301652

надо будет все в одном месте собрать...

[stan07]

большинство ошибок -- типичные.

вот список некоторых моих рецензий, пробегись мо ним. большинство ошибок у тебя присутвует.

http://htmlforum.ru/...02

http://htmlforum.ru/...61

http://htmlforum.ru/...01

http://htmlforum.ru/...90

надо будет все в одном месте собрать...

А можно поконкретнее, пожалуйста

[Bassline]

большинство ошибок -- типичные.

вот список некоторых моих рецензий, пробегись мо ним. большинство ошибок у тебя присутвует.

http://htmlforum.ru/...02

http://htmlforum.ru/...61

http://htmlforum.ru/...01

http://htmlforum.ru/...90

надо будет все в одном месте собрать...

Кстати, хорошая идея. Собрать все вместе и сделать в виде списка, получится что-то вроде FAQ. Создать отдельную тему и закрепить ее в этом разделе.

Edited October 23, 2013 by Bassline

[klierik]

А можно поконкретнее, пожалуйста

не надо ленится. открываешь, читаешь, сравниваешь и получаешь результат.

[stan07]

А можно поконкретнее, пожалуйста

не надо ленится. открываешь, читаешь, сравниваешь и получаешь результат.

Я прошу не потому что мне лень, я их все ещё вчера прочел, я просто не пойму какие “типичные ошибки” вы имеете ввиду?

Вроде у меня все четко: не ID а классы, все классы на чисто английском языке и без верхнего регистра.…