Не выравниваются путкты меню по ширине

[nikki4]

Сайт

Нашел статью, пробовал вставить пример на сайт, но не вышло - просто обрезался край.

А нужно чтобы во всю ширину меню были расположены пункты меню. Видимо какой-то из стилей перекрывает, но не понял что именно.

 

 

[Igor Schnaider]

1 час назад, nikki4 сказал:

Но не понял, что за пробелы между элементами списка?

пример

upd.

Вообще, можно на флексе сделать и не мучиться.

[Igor Schnaider]

У элементов списка уберите float. Для псевдоэлемента :after display должен быть inline-block и ширина 100%. Ну и нужны пробелы между элементами списка, иначе как им выравниваться по ширине.

P. S. Верстка ужасная, если честно ¯\_(ツ)_/¯

[nikki4]

1 час назад, Igor Schnaider сказал:

У элементов списка уберите float. Для псевдоэлемента :after display должен быть inline-block и ширина 100%. Ну и нужны пробелы между элементами списка, иначе как им выравниваться по ширине.

P. S. Верстка ужасная, если честно ¯\_(ツ)_/¯

Спасибо за ответ, поправил.  Но не понял, что за пробелы между элементами списка?

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

пробовал ширину ставить, типа 20%.

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

 

 

[mrnobody]

1 час назад, nikki4 сказал:

Но не понял, что за пробелы между элементами списка?

 

[nikki4]

Всеравно что-то не понял с отступами, зато с флексом подвижки есть, однако слева откуда-то лишний отступ взялся/

да и всетаки делать фиксированно 25% каждобу блоку - так не правильно, надо чтобы маленький блок был меньше, а большой больше.

(решил задачу присвоим ширину в процентов каждому пункту меню в отдельности)

Edited March 27, 2017 by nikki4

[mrnobody]

padding-left у списка