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

[Teosar1]

Пожалуйста, покритикуйте вёрстку. 

 

http://testx.96.lt/raira.html

 

Спасибо.

P.S.(HTML5 пока не трогаю)

 

Макет Раира брал отсюда http://htmlforum.ru/index.php?showtopic=13276

Edited February 19, 2014 by Teosar1

[iKNG]

В данном случае иконки Росгосстрах, Асто, Согласие лучше делать через img. Так как это относится скорее к контенту, а не стилям.

В левом и правом меню надписи ОСАГО, КАСКО и ДСАГО верхним регистром лучше тоже не через стили делать.

Зачем 4 тега b после надписи под логотипом "Страхование без помарок"? Удалил в Firebug, ничего не изменилось.

И при просьбе покритиковать верстку лучше выкладывайте в этой же теме ссылку на макет. Никто не хочет переходить в другой раздел, там искать и т. д.

Edited February 20, 2014 by iKNG

[klierik]

1. прочитать про ошибки по ссылке у меня в подписи

2. почитать про CSS3 и его использовать (border-radius, etc)

3. перестать класть все подряд в <p>.

[Teosar1]

В данном случае иконки Росгосстрах, Асто, Согласие в данном случае делать через img. Так как это относится скорее к контенту, а не стилям.

В левом и правом меню надписи ОСАГО, КАСКО и ДСАГО верхним регистром лучше тоже не через стили делать.

Зачем 4 тега b после надписи под логотипом "Страхование без помарок"? Удалил в Firebug, ничего не изменилось.

И при просьбе покритиковать верстку лучше выкладывайте в этой же теме ссылку на макет. Никто не хочет переходить в другой раздел, там искать и т. д.

 

Спасибо, буду думать.

4 тэга b использовались для версии Ie-6. Создал "звёздочку" и делал 4 уголка, как замена border-radius. Кстати, ie6 не понимает команду filter:... AlphaImageLoader....., поэтому все изображения с прозрачностью, заливаются серым. Может, что-то не так делаю?

[klierik]

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

В IE6 есть такая проблема, если изображение имеет 4 канала (RGB+Alpha). Альфа канал заливается цветом #ccc, вроде.

Для этого есть вменяемые фиксы, типа: http://www.dillerdesign.com/experiment/DD_belatedPNG/

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

 

Может есть что-то ещё, я не помню, да и вспоминать не охота, ибо я верстаю под IE8+, а многие верстальщики переходят на IE9+

[Teosar1]

1. прочитать про ошибки по ссылке у меня в подписи

2. почитать про CSS3 и его использовать (border-radius, etc)

3. перестать класть все подряд в <p>.

Спасибо, буду читать.

Css3 начал потихонечку использовать (градиенты, бордер-радиус, background-size), но старые версии ie не понимают его и приходится уголки и градиенты заливать картинками.

С тегом p пока не разобрался. Почему-то, по привычке, любую текстовую информацию хочется положить в этот тэг (себе объясняю этот так, как будто это улучшит продвижение сайта и взаимодействие с поисковиками).

[klierik]

Css3 начал потихонечку использовать (градиенты, бордер-радиус, background-size), но старые версии ie не понимают его и приходится уголки и градиенты заливать картинками.

 

забей на это. читай про "graceful degradation"

 

С тегом p пока не разобрался.

<p> -- это абзац.

Если у тебя контент состоит из 1 предложения или вообде пару слов, то используй <div> (в случае елси нужен блочный элемент) или <span> (если блочный элемент не требуется)

[Игорь Ермаков]

Ie-6

 2014