Свершилось, дамы и господа. Моя первая вёрстка...

[flagreit]

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

Вёрстка

Макет

Очень прошу оценить качество вёрстки, подсказать в каких моментах я не прав, а в каких сделал полнейший бред, ..по всей строгости, так сказать) Нормальный ли по объёму код? структура?

Сразу скажу, не ругайте за несоответствие 1/1 с макетом, за отсутствие джаваскрипта в слайдах (пока не умею), а также за кривизну в опере. Со временем всё исправлю Также, уже вижу, что мелковатый шрифт..но брал размеры с макета, может у меня одного он такой мелкий?

Edited March 23, 2011 by flagreit

[wildhind]

Непонятные символы перед доктайпом — это наверно BOM? Лучше убрать.

Левую колонку не лучше ли было тоже тянущейся по ширине сделать?

А в целом очень даже неплохо.

[flagreit]

wildhind, кстати да, сам хотел левую колонку резиной сделать. Но делал по началу вёрстку исключительно по заданию, приложенному Psywalker'ом, поэтому левая у меня фиксированная, не стал менять.

Про символы, честно говоря, не понял. Не вижу их. Может хостинг что-то поставил, не знаю, он изменил у меня немного структуру страничку.

То, что неплохо, очень радует

Edited March 20, 2011 by flagreit

[Shotgun]

шрифт нечитабельный

[Serlutin]

Про символы, честно говоря, не понял. Не вижу их. Может хостинг что-то поставил, не знаю, он изменил у меня немного структуру страничку.

Зайдите именно на тестовый сайт и нажимет Ctrl+U прям перед доктайпом несколько лишних букв, которым мало того, что делают доктайп бесполезным в IE, так ещё и на страничке отображаются.

C шрифтами беда какая-то. Во-первых, всё мелко, а во-вторых шрифт Helios вроде как без засечек должен быть, а у меня все многие надписи отображаются с засечками. Странно, хотя вижу, что шрифт отдельно подключён. Может быть надо использовать запись HeliosRegular, вместо Helios? Точно не знаю

А в целом хорошо. Эх, когда же я этот макет сделаю? У меня всё на сбросе стилей застопорилось

[ma3cs]

Классно все сделано и, посмотрел в IE 6, opera 9 - все по божески, катастрофически ничего не разваливается, так только по мелочам. (в 6 ослике логотипа не видно, а опера 9 меню немного коряво показывает)

[flagreit]

шрифт нечитабельный

Это на большом мониторе? у меня 17, плохо читаем в двух моментах только в файрфоксе, а в целом просто мелковат.

Serlutin, теперь понял о каких символах идёт речь. Смотрел через файрбаг, поэтому они у меня перед body были. Не знаю пока как их убрать, хостинг автоматом их зачем-то добавляет.

C шрифтами беда какая-то.

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

А в целом хорошо. Эх, когда же я этот макет сделаю? У меня всё на сбросе стилей застопорилось

Тогда желаю продолжить и завершить эту работу

Классно все сделано и, посмотрел в IE 6, opera 9 - все по божески, катастрофически ничего не разваливается, так только по мелочам. (в 6 ослике логотипа не видно, а опера 9 меню немного коряво показывает)

Странно, в IE6 у меня всё нормально с логотипом. Смотрел как в ie-тестере, так и в ie-collection. Под оперу9 даже не смотрел. Честно говоря мне только опера10 доставила значительно больше хлопот, чем IE6, поэтому боюсь предположить, что там в 9й версии

[flagreit]

От внешнего шрифта пришлось отказаться для корректного отображения.

Что насчёт символов. Дело оказывается в кодировке. Объясните мне кто-нибудь, почему в браузере стоит кодировка windows-1251 по-умолчанию, хотя я в head прописал utf-8? Символы исчезнуть, если поменять на utf-8

[swetlana]

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.iwwin.hut2.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

[flagreit]

Не совсем понимаю, зачем вы мне дали эту ссылку, Светлана.

[swetlana]

посмотреть внимательно.

Там первым делом идёт указание на ошибку:

The character encoding specified in the HTTP header (windows-1251) is different from the value in the XML declaration (utf-8).

это ответ на ваш вопрос, почему в браузере полубитная кодировка.

Ну и ещё там много всего интересного.

[flagreit]

И опять не понятно Кодировка хостинга отличается от кодировки странички? Как мне это исправить?

Ну и ещё там много всего интересного.

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

Всё, разобрался. Надо было сохранить без BOM. Теперь понял о чём говорила wildhind

Перенёс страничку на другой хост. Поэтому теперь изначальная структура сохранена и нет рекламного кода.

Edited March 21, 2011 by flagreit

[PanSoul]

3/5

[flagreit]

PanSoul, не помешали бы аргументы

[PanSoul]

PanSoul, не помешали бы аргументы

ну...

1) как и говорили выше- нечитабельный щрифт, =>, несоответствие размера шрифта!

2) меню должно было быть растягивающимся..

3) не увидел слайд-шоу :-(

4)фоны у блоков не градиентны

5) у главного блока фоновая полоска вылазиет в блоке "Recent solutions:" (скорее всего у этого блока вообще не задан фоновый цвет)

6) у блока "Recent solutions:" не градиентный бордер

7) странное смещение всего контента при растягивании и сжатии по горизонтали

8) в 6 ослике всё криво...

[swetlana]

8) в 6 ослике всё криво...

а в IE3?

[flagreit]

1) Именно нечитабельный? или просто мелкий? Про несоответствие..это, к примеру, в каком моменте? Я все размеры брал строго с макета

2) Так и сделал по началу, но выглядит это некрасиво, поэтому переделал в фикс.

3) В первом посте я сказал, что ещё не умею

4,6) Да, проморгал..вернее оставил на потом.исправлю

5) Исправил, но это мелочь

7) Смещение сделано с умыслом, вкусы у всех разные

8) Это я совершил ошибку, изменяя и проверяя вёрстку по ссылке данной в этой теме, поэтому в IE по-другому сейчас выглядит, чем это было изначально..и не всё, а только в одном! моменте текст нечитаем

Вцелом спасибо за отзыв

Edited March 21, 2011 by flagreit

[flagreit]

Друзья, у меня есть последняя просьба по этой теме и по этому макету, просьба именно к профи.

О коде так и ничего никто не сказал, оцените, пожалуйста, вёрстку в плане, так сказать, кодирования. Всё ли нормально в плане семантики? Визуальная составляющая для меня сейчас абсолютно не важна.. это вопрос времени, а вот код или ты грамотно пишешь, или же нет. Поэтому очень прошу оценить именно сам код, и оценить именно завсегдатаям В том ли направлении я двигаюсь..

Edited March 22, 2011 by flagreit

[Great Rash]

По коду все нормуль.

[flagreit]

Очень рад спасибо

[psywalker]

Очень рад спасибо

Да, код нормальный