Оцените вёрстку

[sm0k]

http://hosting0.narod.ru/

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

[Vlad]

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

По стилям ряд замечаний

Вместо 0px лучше писать 0. Так и приятнее и лишнего нет.

width: 1024 px - пишется слитно, перед px пробелы недопустимы. Вообще с 1024 перемудрил. Если на это разрешение ориентируешься, то надо принимать во внимание ширину полосы прокрутки и полей. На разрешении 1024 по ширине сайт целиком не влезает, появляется полоса прокрутки.

Ошибки в стилях исправь. Вместо widht - width и т.д. Прогони через валидатор CSS, сразу все увидишь.

[sm0k]

Что корёжится в низу? Да, сайт немного покорёженный На что стоит обращать особое внимание при вёрстке чтобы такого не происходило?

css отредактировал, ошибок нет. заменил 0px на 0 как вы сказали, но валидатор сразу пишет что такое значение недопустимо:

6 ul li Value Error : margin only 0 can be a length. You must put an unit after your number : 1.2em 10 1.1em 0

7 ol li Value Error : margin-left only 0 can be a length. You must put an unit after your number : 40

8 p Value Error : padding-right only 0 can be a length. You must put an unit after your number : 10

8 p Value Error : padding-left only 0 can be a length. You must put an unit after your number : 30

17 #ygol Value Error : width only 0 can be a length. You must put an unit after your number : 80

23 .tekst Value Error : padding-right only 0 can be a length. You must put an unit after your number : 10

27 .ot Value Error : margin-left only 0 can be a length. You must put an unit after your number : 30

29 #banner Value Error : margin-right only 0 can be a length. You must put an unit after your number : 100

29 #banner Value Error : margin-top only 0 can be a length. You must put an unit after your number : 50

29 #banner Value Error : width only 0 can be a length. You must put an unit after your number : 480

что делать с этими значениями?

Остаётся 2 предупреждения:

23 Same colors for color and background-color in two contexts #menu and .tekst

23 Same colors for color and background-color in two contexts A.clas1 and .tekst

что он хочет сказать? не очень силён в английском.

Я ещё установил плагин к мозилле для валидации html, отлично работает. Не знаете может есть подобный плагин для валидации css?

Edited December 19, 2008 by sm0k

[Vlad]

Ты где проверял, на http://jigsaw.w3.org/css-validator/ ?

[sm0k]

да

[Vlad]

и я там же смотрел, приведенных ошибок не было.

[sm0k]

я установил цсс без ошибок на сайт, но на своём компьютере изменил 0px на 0 и скинул файл в валидатор цсс, показывает ошибки.

но есть 2 предупреждения

[SelenIT]

на своём компьютере изменил 0px на 0

10px -> 10, 40px -> 40... вот и получилось. Обычно в редакторах специально для таких случаев в автозамене есть галка "Заменять только целые слова".

[sm0k]

SelenIT Да, вы правы)

Но остаётся несколько вопросов:

1) Остаётся 2 предупреждения

Warnings (2)

URI : file://localhost/style.css

23 Same colors for color and background-color in two contexts #menu and .tekst

23 Same colors for color and background-color in two contexts A.clas1 and .tekst

что мне надо исправить чтобы они пропали?

2) К мозилле есть плагин для проверки хтмл на валидность. Есть ли подобный плагин для проверки цсс на валидность?

3) Я слышал что есть какой-то браузер который показывает как страница будет отображаться в нескольких основных браузерах. Есть ли такая программа? если да, киньте пожалуйста ссылку.

4) На что мне стоит обратить особое внимание чтобы сайт не был таким покорёженым?

Edited December 20, 2008 by sm0k