Оцените верстку макета

[Mr.Black]

Здравствуйте, нужнаюсь в критике верстки сайта http://melofon.ms/, что сделано не так, что не кроссбраузерно, юзабилити и тд.Кроссбраузерность должна быть от IE6++,FX2,Opera 9.Прошу оценить только главную страницу, над второстепенными еще не работал

Всем кто отпишеться, от меня большое спасибо

Edited June 9, 2011 by Mr.Black

[Shift-Web]

Понравилось. не понравились избыточные теги и крипичи

[Vlad]

Да кто же сейчас использует Fx2. Это же не IE какой-нибудь. Да и с Оперой тоже неувязочка.

С юзабилити всё плохо. Я насчитал штук 7 разных видов ссылок, причём необоснованно разных. В некоторых случаях ссылки не отличаются от близлежащего текста, это очень плохо.

[psywalker]

Здравствуйте, нужнаюсь в критике верстки сайта http://melofon.ms/, что сделано не так, что не кроссбраузерно, юзабилити и тд.Кроссбраузерность должна быть от IE6++,FX2,Opera 9.Прошу оценить только главную страницу, над второстепенными еще не работал

Всем кто отпишеться, от меня большое спасибо

Дружище, а можно ради интереса узнать у тебя, неужели есть ещё те, кто просит верстать под FX2? Если да, то ты не мог бы уточнить, с какой целью.

[klierik]

Здравствуйте, нужнаюсь в критике верстки сайта http://melofon.ms/, что сделано не так, что не кроссбраузерно, юзабилити и тд.

[оффтоп]

Ну вот ты мне скажи, причём это вдруг юзабилити к вёрстке???

Ты просишь оценить вёрстки, судю по сабжу, а юзабилити это уже дизайн.

Понаписывают тут сами незная что...

[/оффтоп]

по делу

Прошлый век:

  <table id="head" cellpadding="0" cellspacing="0" >

Вижу ты очень любишь верстку дивами, а о других тегах слышал? К примеру о списках?

Так как это список

.track-short

Нецелесообразное использование ID. Вообще зачем на него вешать стили? Чем тебе классы не по душе?

#content {
    float: right;
}

Инлайн стили на сегодняшний день для этих целей использовать глупо. А если тебе завтра скажу что жирность не нужна - полезешь в шаблон с разметкой?

<a style="font-weight: bold;" href="/index.php?do=addnews">Добавить MP3</a>

И вот тут тоже:

<ol style="float: left;padding-left: 18px;" class="top-news">

И тут:

<p style="float: left;">

После этого возник вопрос - зачем выкладывать НЕ(!) доработанную страницу на обсуждение?

И вот это тоже списки:

<div class="navigation">
		    <span>Назад</span> <span>1</span> <a href="http://melofon.ms/page/2/">2</a>  <a href="http://melofon.ms/page/2/">Вперед</a>
		</div>

А без hidden осилишь?

#conteiners {

margin: 0 auto;

overflow: hidden;

width: 982px;

}

Скрипты должны быть перед закрывающимся </body>

Ужасно нечитабельные стили:

http://melofon.ms/templates/mblack/css/styles.css

В общем моя оценка - 2

Дружище, а можно ради интереса узнать у тебя, неужели есть ещё те, кто просит верстать под FX2? Если да, то ты не мог бы уточнить, с какой целью.

Я конечно понимаю что он ошибся, но ты то о_О

Что за FX2 такой :)

FireXforks 2 что ли?? )))))))

[Mr.Black]

Здравствуйте, нужнаюсь в критике верстки сайта http://melofon.ms/, что сделано не так, что не кроссбраузерно, юзабилити и тд.

[оффтоп]

Ну вот ты мне скажи, причём это вдруг юзабилити к вёрстке???

Ты просишь оценить вёрстки, судю по сабжу, а юзабилити это уже дизайн.

Понаписывают тут сами незная что...

[/оффтоп]

по делу

Прошлый век:

  <table id="head" cellpadding="0" cellspacing="0" >

Вижу ты очень любишь верстку дивами, а о других тегах слышал? К примеру о списках?

Так как это список

.track-short

Нецелесообразное использование ID. Вообще зачем на него вешать стили? Чем тебе классы не по душе?

#content {
    float: right;
}

Инлайн стили на сегодняшний день для этих целей использовать глупо. А если тебе завтра скажу что жирность не нужна - полезешь в шаблон с разметкой?

<a style="font-weight: bold;" href="/index.php?do=addnews">Добавить MP3</a>

И вот тут тоже:

<ol style="float: left;padding-left: 18px;" class="top-news">

И тут:

<p style="float: left;">

После этого возник вопрос - зачем выкладывать НЕ(!) доработанную страницу на обсуждение?

И вот это тоже списки:

<div class="navigation">
		    <span>Назад</span> <span>1</span> <a href="http://melofon.ms/page/2/">2</a>  <a href="http://melofon.ms/page/2/">Вперед</a>
		</div>

А без hidden осилишь?

#conteiners {

margin: 0 auto;

overflow: hidden;

width: 982px;

}

Скрипты должны быть перед закрывающимся </body>

Ужасно нечитабельные стили:

http://melofon.ms/templates/mblack/css/styles.css

В общем моя оценка - 2

Дружище, а можно ради интереса узнать у тебя, неужели есть ещё те, кто просит верстать под FX2? Если да, то ты не мог бы уточнить, с какой целью.

Я конечно понимаю что он ошибся, но ты то о_О

Что за FX2 такой :)

FireXforks 2 что ли?? )))))))

table прошлый век, но скажи мне как на дивах сделать 3 блока и только центральный фиксированый?

Спасибо за совет по .track-short действительно там можно сделать список.

ID ставлю только в главный блоках таких как head, footer и тд.

.navigation нельзя сделать списком, движок не позволяет!

В каком смысле без hidden???Можно еще #footer поставить clear: both;

Все скрипты перед закрывающимся body?

Про стили я не согласен, вот как было http://melofon.ms/templates/mblack/css/styles1.css

P.s

Цитирую из книги Вёрстка веб-страниц ,автор Влад Мержевич

Fx — Mozilla Firefox.

Всем спасибо за замечания по верстке и юзабилити

А как дела с кроссбраузерностю, может что нибуть не догледел?

[klierik]

table прошлый век, но скажи мне как на дивах сделать 3 блока и только центральный фиксированый?

Я, в общем-то, говорил про атрибуты, а не про тег.

Да и у тебя не 3 блока, а всего один - по центру.

ID ставлю только в главный блоках таких как head, footer и тд.

А какой вообще смысл? Чего ради то?

В каком смысле без hidden???Можно еще #footer поставить clear: both;

	.container:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.msie .container { zoom: 1; }

Все скрипты перед закрывающимся body?

Да.

Про стили я не согласен, вот как было http://melofon.ms/templates/mblack/css/styles1.css

Было лучше.

P.s

Цитирую из книги Вёрстка веб-страниц ,автор Влад Мержевич

Fx — Mozilla Firefox.

имхо, опечатка

[Mr.Black]

Спасибо, что ответил!Может есть еще замечания, любие, даже самые мелкие?

[psywalker]

Спасибо, что ответил!Может есть еще замечания, любие, даже самые мелкие?

Погоди, но всё равно ты не ответил на мой вопрос. Можно узнать, для каких целей нужна поддержка FF2 ?

[Mr.Black]

Спасибо, что ответил!Может есть еще замечания, любие, даже самые мелкие?

Погоди, но всё равно ты не ответил на мой вопрос. Можно узнать, для каких целей нужна поддержка FF2 ?

Тут все просто, она и так мало чем отличаеться от 3 по качеству кроссбраузерности, вот потому и написал от FF2

[Vlad]

Ошибаетесь, очень сильно отличается.

[psywalker]

Спасибо, что ответил!Может есть еще замечания, любие, даже самые мелкие?

Погоди, но всё равно ты не ответил на мой вопрос. Можно узнать, для каких целей нужна поддержка FF2 ?

Тут все просто, она и так мало чем отличаеться от 3 по качеству кроссбраузерности, вот потому и написал от FF2

Это два совершенно разных браузера. ФФ вообще версии от версии сильно отличаются. Это же не Хром.