Как исправить меню?

Question

[dhat]

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

Описание в деталях: если двигать медленно мышкой горизонтально между пунктами меню, то замететно расстояние между ними в несколько пикселей (кнопки становятся неактивными).

https://codepen.io/dhatt/pen/bZXJpo

upd: решил добавлением отрицательного margin. Но ПОЧЕМУ это происходит я так и не понял. Используется нормалайз цсс - он разве не сбрасывает эти настройки?

Comments

[sergey]

Пересмотрел, все у вас отлично работает проверил в chrome

[dhat]

Так. я наверное не понятно выразился. Перключение происходит сразу, НО ЕСТЬ ПРОМЕЖУТОК МЕЖДУ КНОПКАМИ.

Answer 1

[Дмитрий]

Все дело в том, что inline-block элементы имеют небольшой отступ, бороться с этим можно несколькими способами:
1.

<ul>
  <li>
   one</li><li>
   two</li><li>
   three</li>
</ul>

2.

<ul>
  <li>one</li
  ><li>two</li
  ><li>three</li>
</ul>

3.

<ul>
  <li>one</li><!--
  --><li>two</li><!--
  --><li>three</li>
</ul>
4. Отрицательное margine

5.

<ul>
  <li>one
  <li>two
  <li>three
</ul>

6.

nav {
  font-size: 0;
}
nav a {
  font-size: 16px;
}

7. flexbox

Comments

[dhat]

Великолепно, поменял на флексбокс и все заработало. Спасибо вам огромное, я смогу лечь спать со спокойной душой и мне не будет сниться это гребанное меню.

[dhat]

А эти списки в необычной виде для меня вообще откровение - как это называется? Где почитать, что гуглить?

[Дмитрий]

bc, flexbox работает не на всех сайтах.
Гуглить: inline-block убрать отступы

Answer 2

[Олег]

Задро4il видимо свой браузер, пока три строчки кода написал)))
Кэш почисти. Все работает ;)

Comments

[dhat]

Не, бро, не работает. Попробовал в режиме инкогнито - все равно есть расстояние между менюшками где-то 2-5 пикселей.

[dhat]

Я хочу чтоб меню переключалось МГНОВЕННО при передвижении мышки.

[dhat]

В Мозилле тоже не работает.

[Олег]

Firefox, firefox developer edition, opera, hrome - везде работает. смени комп свой. Видимо шатает его уже

[dhat]

Ну ты меня уже вообще за дурака не считай, ок? Ходи мимо лучше, чем срань писать.

[Олег]

dhat: Тебе свидео выложить?

[dhat]

Олег: ну выложи, коли не шутишь и не трудно, ибо я совершенно ничего не понимаю. Может мы о разных вещах говорим?

[dhat]

Посмотрел на другом ПК - тоже самое. Вы издеваетесь, что-ли?

[dhat]

Похоже я непонятно вопрос сформулировал, остальные тоже не поняв вопроса пишут тоже самое что все ок)) ВСЕ НЕ ОК. Обновил вопрос))

Answer 3

[holymotion]

ctr + R

Comments

[dhat]

Ты вопроса не понял.

[holymotion]

Для себя я всё понял, у меня всё тоже работает, как и работяг сверху

[holymotion]

Может быть видеокарта лагает?

[dhat]

Нет, ты не понял вопроса, я обновил его.

[dhat]

У меня расстояние между элементами непонятно откуда - при чем тут видеокарта???

Answer 4

[dhat]

Ребят, переформулировал вопрос, извиняюсь что не смог сразу корректно сформулировать, мой косяк.