Подскажите ошибки

[cruel09]

Здравствуйте, начал учиться верстать, сверстал 3 макета, подскажите пожалуйста, есть ли какие-нибудь глобальные ошибки? 

 

Сайт 1

 

Сайт 2

 

Сайт 3

 

спасибо.

[DivMan]

мне не нравятся br

 

 

Маркеры при наведении, желательно делать спрайтами, а не разными картинками.

 

 

Нормальные вёрстки 

[AllaWitte]

В первом макете "едет" верхнее меню. Тут есть несколько решений. 1

.menu li {

    display: block;

    float:left;

 

}

.menu ul {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}

.menu li a {

    background: none repeat scroll 0 0 #f3f3f3;

    color: #b2b2b2;

    display: block;

    margin-right: 0;

    padding: 13px 33px;

    text-decoration: none;

}

Убрать отрицательный margin

[cruel09]

Спасибо, еше вопрос, как лучше делать горизонтальные меню, задавать для li "float:left" или "inline-block"?

результат один и тот же, есть ли разница? знаю лишь что 8 ИЕ вроде не поддерживает inline-block 

[SelenIT]

В 2014-м лучше задавать контейнеру display:flex . А float/inline-block оставлять как аварийный вариант для ископаемых. У обоих из них свои недостатки (у float — выпадение из контейнера, требующее clearfix-ов или изоляции контекста форматирования через overflow со товарищи, у инлайн-блоков — влияние пробелов между тегами, от которых приходится избавляться обнулением шрифта или «магическими константами» типа -0.31em). Инлайн-блоки дают чуть больше свободы в плане горизонтального и вертикального выравнивания, но флексбоксы дают всё то же и много чего еще с куда меньшими издержками (если не гнаться за всеми мыслимыми префиксами/вариантами синтаксиса).

[DivMan]

В 2014-м лучше задавать контейнеру display:flex . А float/inline-block оставлять как аварийный вариант для ископаемых. У обоих из них свои недостатки (у float — выпадение из контейнера, требующее clearfix-ов или изоляции контекста форматирования через overflow со товарищи, у инлайн-блоков — влияние пробелов между тегами, от которых приходится избавляться обнулением шрифта или «магическими константами» типа -0.31em). Инлайн-блоки дают чуть больше свободы в плане горизонтального и вертикального выравнивания, но флексбоксы дают всё то же и много чего еще с куда меньшими издержками (если не гнаться за всеми мыслимыми префиксами/вариантами синтаксиса).

Немного не по теме, а можно ли сделать для новых браузеров, что бы к элементу применялся display:flex, а для старых inline-block?

[Sergik+]

 

В 2014-м лучше задавать контейнеру display:flex . А float/inline-block оставлять как аварийный вариант для ископаемых. У обоих из них свои недостатки (у float — выпадение из контейнера, требующее clearfix-ов или изоляции контекста форматирования через overflow со товарищи, у инлайн-блоков — влияние пробелов между тегами, от которых приходится избавляться обнулением шрифта или «магическими константами» типа -0.31em). Инлайн-блоки дают чуть больше свободы в плане горизонтального и вертикального выравнивания, но флексбоксы дают всё то же и много чего еще с куда меньшими издержками (если не гнаться за всеми мыслимыми префиксами/вариантами синтаксиса).

Немного не по теме, а можно ли сделать для новых браузеров, что бы к элементу применялся display:flex, а для старых inline-block?

 

Для старых display:table как хак.

[SelenIT]

display:flex для контейнера переопределяет поведение потомков, независимо от того, какой display им задан (и есть ли у них float). Поэтому можно просто указывать и то, и то, и в новых браузерах будет работать механизм flex, а в старых — старый механизм.