Modestes

Если выбирать из section и article то я больше склоняюсь к article , так как Для карточки думаю пойдет) Только зачем столько оберток для цены? можно ведь просто засунуть в тег p или тот же span, а текст "руб" засунуть в <sub> или <sup>

жмяк

а с чего вы взяли что она должна сама выставляться

По логике смотреть нужно. <section> Используется для объединения в группу различных статей или тем или разделов статьи. <article> Это фрагмент контента, который будет иметь смысл, например, новостное сообщение RSS. <header> Используется для верхнего колонтитула. Обычно его пихают во все блоки у которых должен быть заголовок, но правbльней обойтись старым h1-h2 лучше оставить в диве) и покороче <div> <h1 class="listing">Заголовок</h1> <a class="main_item" title="blabla" href="blabla">Ссылко <img class="productImg" width="198" height="89" alt="blabla" src="images/small/2.jpg"> </a> <span class="priceBlock">1111_руб.</span> </div>

height:auto !important; лишнее для html еще задайте min-height:100%;

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

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

да, я думал проблема в другом. задайте для input высоту, например 30px к label примените vertical-align: bottom; input и label должны быть разделены тогда.

с расположением у вас ошибок нет, я лишь привел еще один вариант. ищите через фаирбаг какой стиль доминирует css не плохо было бы видеть как вариант, у вас может задана ширина для тега <p> и label с input не помещаются

Попробуй отобразить все это дело таблицей, в смысле display

<p><label>email:</label><input type="text" name="email" maxlength="35" id="email"/></p>

к <section class="information"> добавь float:right; и поиграть с шириной блоков и к ответу выше, яб добавил еще border-right: 1px solid #C5C7BD;

Чего то придерживаться стоит, как написал NeoXidizer. Но и не нужно его воспринимать как идола и преклоняться. Если ошибки не несут за собой каких то последствий или не столь важные, то можно на них забить.

в файле defaults.css замените p { margin: 0 0 20px; } на p { clear: both; margin: 0 0 20px; }

В CSS для тега <li> пример: ul li{ float:left; }

В том что opacity действует и на дочерние элементы. Используй transparent

чтобы тянулось background-size но оно исказиться учти, если там рисунок

что за div'ная "ёлочка"? Зачем столько блоков. сделайте один div footer и делайте с ним че хотите

ну не так выразился)

для созданию меню без ul используют новый тег <nav> структура простая <nav> <a href="#">Тык1</a> <a href="#">Тык2</a> <a href="#">Тык3</a> <a href="#">Тык4</a> <a href="#">Тык5</a> </nav> nav a{float:left;} или display:inline-block; вот меню на ul

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

да, мне показалось вам так и нужно, если марджином-авто выравнивать то ниче не получится, правая колонка будет под main покажи рисунок как должен выглядеть окончательный вариант

вырезать из макета вертикальную полоску, повторить её по горизонтали (repeat-x) например у body. под низ на всякий залить цветом похожим по цвету у краев изображения те 2 полоски что слева, вырезать, вставить поверх слоем div. как то так

Вот это засуньте в div т.е так <div class="page"> <div id="main"></div> <div id="chat"></div> </div> /*К примеру так*/ .page{ width: 1200px; min-width:1200px; } вот держи

для блока в котором находится центральная колонка и колонка с чатом задать минимальную ширину min-width: 1200(к примеру);