Попинайте верстку, только не ногами

Попрошу Вас всех немного меня попинать,на счёт верстки сайта.
Вот сам сайт ссылка
Обратная связь в разработке

У меня все едет в хроме.

Всё,там просто шрифт Опера другой ставила,и текст слишком длинный был

NeoMurderer, два тега html, два тега body - это что за чудо природы?
Код невалидный ссылка
48 Errors, 1 warning(s) Ошибки есть элементарные.

В коде не видно никакой структуры, просто блоки - не годится.
Это вот столько насобиралось на первый взгляд. По браузерам не проверял, лень

Цитата ("MrWolf"):

два тега html, два тега body - это что за чудо природы?

Это моя обратная связь
Ошибки что в валидаторе вообще непонятныи я не считаю их критичными,например отсутствие атрибута alt у картиники,ну а восновном ошибки от недоделаной формы

Цитата ("MrWolf"):

В коде не видно никакой структуры, просто блоки - не годится.

Подробнее об этом можно? Комментарии ставить?

Цитата ("NeoMurderer"):

Подробнее об этом можно? Комментарии ставить?

К примеру. У вас:

<div class="footer">

<div class="infor">Site Powered by NeoCMS. Design and Developed by NeoMurderer.</div>

<div class="copyright">Copyright 2011. РИА "Свиток". All Rights Reserved.</div>

</div>

А надо:

<div class="footer">

  <div class="infor">Site Powered by NeoCMS. Design and Developed by NeoMurderer.</div>

  <div class="copyright">Copyright 2011. РИА "Свиток". All Rights Reserved.</div>

</div>

Чтоб видна была структура. Что, скажем, блок с классом infor находится внутри блока footer.

(Я ставлю 2 пробела, но кто-то делает 3 - это уже как удобнее.)

А понял,я об этом не задумывался,спасибо,жду еще критики

Если ограничиваете какие-либо блоки по высоте, то надо ставить overflow, чтоб не было косяков как на скрине у Vitaflax. А вообще , имхо конечно, в том, вашем случае

<div class="text"><p>В PHP3 и PHP4 ...</p></div>

по высоте не стоит ограничивать блоки. Какова причина, заставившая вас пофиксить высоту у блока с описанием? И кстати, там можно обойтись без лишний обертки в <div>, и оcтавить только <p class="text">.


В форму обратной связи проситься конструкция

<dl></dl>

Вот сюда

<div class="image">...</div>

можно сделать резиновые уголки, потому как показывает практика картинки бывают разного размера.


Очень грубая ошибка раз:

<span><ul>

и два:

<span><form>

Нельзя форму и список оборачивать в span, так как он имеет строчное форматирование, а форма и список блочное. (Пруфлинк: ссылка )


Вот это мусор:

<div style="clear:both;"></div>

Так делать не следует:

<h2 align="center">

Вот эти ссылки:
Цитата:

ГЛАВНАЯ КОНТАКТЫ БЛОГ О НАС

лучше написать строчными, а прописными сделать их с помощью

text-transform:uppercase;

Это ошибка:

<meta content="text/html; charset=utf-8" http-equiv="Content-Type">

<meta content="text/html; charset=windows-1251" http-equiv="content-type">

Вот этого

<div class="line"></div>

надо стараться избегать, и привязывать рюшки к элементам с содержанием.

И еще: графика, которая используется как иллюстрации (картинки в статьях, аватарки, фотографии) их вставлять через <img>. Все остальное через background и, что можно, объединять в спрайт.

Все имхо.

Цитата ("e-shpak"):

Какова причина, заставившая вас пофиксить высоту у блока с описанием?

Что бы всё было на одном уровне,и слово "Подробнее" никуда не ездило
Цитата ("e-shpak"):

потому как показывает практика картинки бывают разного размера

Картинки будут одинакового размера,такова задумка ИМХОЦитата ("e-shpak"):

Вот это мусор:
Код:1<div style="clear:both;"></div>

Без него всё едит.
Цитата ("e-shpak"):

и привязывать рюшки к элементам с содержанием.

Непонял немного.
А с остальным согласен на все 100%,будем исправлять и совершенствоватся

Цитата ("NeoMurderer"):

Что бы всё было на одном уровне,и слово "Подробнее" никуда не ездило

ссылка посмотрите, тут хорошее решение.

Цитата ("NeoMurderer"):

Без него всё едит.

добавьте class="clearfix" для предыдущего и последующих элементов. А в самом классе прописать clear и еще что нужно.

Рюшками я обозвала декоративную графику. Имела ввиду разделительную горизонтальную полосу.

Ага,понял,спасибо за критику.

Xhtml: Result: 37 Errors, 1 warning(s) (ссылка)
css: К сожалению, мы обнаружили следующие ошибки (48) (ссылка)
Лучший критик находится на ссылка