Частая ошибка при верстке меню

Многие новички присылаю ко мне на e-mail свои сверстанные страницы и задают вопросы, если у них что-то не получается. И почти у каждого третьего верстальщика, я вижу одну и ту же проблему, при верстке меню.

Когда наводишь указатель мыши на элемент меню, то все следующие элементы, идущие за ним, начинают сдвигаться.

Посмотреть, как это выглядит, можно кликнув по кнопке "Демо".

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

Смотреть видеоурок

Как видите, все элементарно просто, если понимать, как между собой связаны свойства width, padding, border и margin. И я очень надеюсь, что новички это осознали и теперь они меньше будут совершать подобные косяки в своей верстке.

Добавить комментарий

  • 03.07.2014 14:50

    Добрый день! Подскажите, пожалуйста, как можно сделать, чтобы пункты меню выстроились по ширине? т.е. не задавать статичные отступы, или не задавать каждому пункту меню свой отступ слева, а как-то автоматизировать. На макете отступы слева у каждого пункта меню разные, а слева и справа от самого меню — одинаковые.