Сергей М.
12 сообщений
#16 лет назад
Вот собственно сама сверстаная страница
Сергеевич А.
791 сообщение
#16 лет назад
Интересней смотреть на верстку с содержимым
а тут...все background можно собрать в одно свойство...фиксированные по ширине колонки на большом разрешении совсем узкие
* {border: none;}...а как же стандартные элементы...поля ввода, текстовые поля и др...padding 0 их тоже испортит
+ имена id, классов без смысла..по 3 футера, неада и тп...pshela...можно бы все названия на англ. перевести
+уже без контента видно..text-align:justify..фиксированный размер шрифта
Михаил В.
2195 сообщений
#16 лет назад
Добавлю к ответу h4mpy.

Тут значит как. Или это верстка для своей домашней странички или это верстка на заказ. Соответственно и требования предъявляться
могут различные.

xhtml1.1 накладывает некоторые ограничения, например недопустимость text/html. Валидатор может быть и заругается, но ошибка будет.
Не стоит бездумно делать под самый-самый doctype.

Колонка с основным контентом в html файле должна бы идти первой.

Опять же как в недавнем топике тут - заголовки не выделены, div'ы div'ами, нет отделения оформления от содержания, презентационные наименования id и классов, ну и мусор подобный <div class="clear"></div>.

Вряд ли будет актуально для этого сайта, но для подключаемых css стоит определять параметр media (отличный от "all" разумеется), чтобы повлиять на печать документа и просмотр сайта на устройствах отличных от экрана компьютера.

Ну и использование id в наше время уже критикуют в пользу использования в верстке исключительно классов.
Сергей М.
12 сообщений
#16 лет назад
Цитата:
а тут...все background можно собрать в одно свойство...фиксированные по ширине колонки на большом разрешении совсем узкие
* {border: none;}...а как же стандартные элементы...поля ввода, текстовые поля и др...padding 0 их тоже испортит
+ имена id, классов без смысла..по 3 футера, неада и тп...pshela...можно бы все названия на англ. перевести
+уже без контента видно..text-align:justify..фиксированный размер шрифта


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

Цитата:
xhtml1.1 накладывает некоторые ограничения, например недопустимость text/html. Валидатор может быть и заругается, но ошибка будет.
Не стоит бездумно делать под самый-самый doctype.


валидатор на сей счет выдает просто предупреждение а сделано так потому что IE не понимает xml+html
Михаил В.
2195 сообщений
#16 лет назад
Цитата:
бордеры и падинги я обнуляю чтобы потом их задать у нужных элементов нужного размера

Google -> "reset.css" там же найдется и критика способа с * {...}

Шрифты - в em'ах, так как при задании в px не реагирует на задание размера в браузере. Когда IE6 канет в лету, можно будет задавать и в px.

А зачем у вас теги оформлены так?
<a xmlns:math="http://exslt.org/math" href="/news/tag/%EF%EE%E3%EE%E4%E0/" style="font-size: 12px;">погода</a>
Вячеслав К.
78 сообщений
#16 лет назад
Зачем практически все в css - position: absolute;?
Сергей М.
12 сообщений
#16 лет назад
Цитата:
А зачем у вас теги оформлены так?
<a xmlns:math="http://exslt.org/math" href="/news/tag/%EF%EE%E3%EE%E4%E0/" style="font-size: 12px;">погода</a>


так блок тегов генерируется через xsl шаблон системы хосткмс

Цитата:
Зачем практически все в css - position: absolute;?


в абсолютном позиционировании там только футер и некоторые картинки + финт с колонками чтобы у них заливка была до низу
Вячеслав К.
78 сообщений
#16 лет назад
Цитата ("irbiss"):
в абсолютном позиционировании там только футер и некоторые картинки + финт с колонками чтобы у них заливка была до низу


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

#main { position: absolute;}
#pshela {position: absolute;}
#footer {position: absolute;}
#footerl {position: absolute;}
#footerr {position: absolute;}
#headc {position: absolute;}
#headcr {position: absolute;}
#headcl {position: absolute;}
.blockf {position: absolute;}
#contentln {position: absolute;}
#contentrn {position: absolute;}
#contentrn {position: absolute;}
#info {position: absolute;}

и остальное много запозишено на relative;

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