Вывести меню посередине

@Jolly1371 · Регистрация: 09.03.2017

Студворк — интернет-сервис помощи студентам

Здравствуйте.

Помогите пожалуйста, вроде бы просто, а уже пару дней найти не могу.
Как выравнять меню посередине?

https://total.od.ua/ - вот ссылка на меню

[del]

@Joey · 28.11.2017, 21:19

Сообщение от Jolly1371

http://************/hg6ubf

Выложите скрин сюда, а не на файлопомойку

Добавлено через 2 минуты
Jolly1371, в данной Вами ссылке меню <ul> вложено в <div>. С div-ами легко работать.
У этого самого div выставите margin-left и margin-right в значение auto;

Добавлено через 47 секунд
Вообще, выравнивание div-ов посередине делается разными способами и у каждого, имхо, есть недостатки

@Jolly1371 · 29.11.2017, 13:02 **[ТС]**

Здравствуйте, спасибо за ответ, но я уже и так пробовала: меню <ul> вложено в <div> - этот див выравнивается посередине и так, там уже стоят margin-left и margin-right в значение auto;
А вот <ul> выравниваться не хочет, только если с боку справа появляется белый пробел, возле меню Акция. Пробовала и выравнивание текста тоже, ничего не помогает. А где сидит стиль, который мешает на середину все поставить, ни как не пойму(.

@AlexZaw · 29.11.2017, 13:21

ul являетс блочным элементом и занимает всю строку, соответственно он не может выровняться по середине с помощью margin:auto.
Для того что бы его выровнять вам нужно задать ему ширину, либо сделать инлайн-блочным элементом и выравнивать уже, например, при помощи text-align для родителя

@ShemVol · 29.11.2017, 17:12

В CSS в классе ".navbar-collapse.collapse" установить:

CSS
1
2
display: flex;
justify-content: center;

@Joey · 29.11.2017, 20:28

HTML5
1
<ul style="list-style: outside none none; border: 1px solid red; padding: 20px; margin-left: auto; margin-right: auto; display: table;">

я использовал display: table, но AlexZaw тоже прав

@Joey · 29.11.2017, 20:29

Сообщение от ShemVol

display: flex;

Поддерживается не всеми браузерами, поэтому, без надобности, я советую более традиционное

@Jolly1371 · 30.11.2017, 15:32 **[ТС]**

Пробовала еще до того как написала сюда, не помогло.

Добавлено через 6 минут
Спасибо Joey, но такой вариант я могла и сама сделать,он не подходит, так как слишком огромное расстояние со всех сторон.

@ANemoy · 30.11.2017, 15:37

Обновите эти стили

CSS
1
2
3
4
5
6
7
ul.nav.navbar-nav {
    border: 1px solid #900510;
    border-radius: 3px;
    margin: 0 auto;
    display: table;
    float: none;
}

@Jolly1371 · 30.11.2017, 15:44 **[ТС]**

Спасибо Joey, но к сожалению этот вариант мне не подходит. Такой вариант я и сама прописывала, слишком огромное расстояние получается.

Добавлено через 3 минуты
Спасибо ANemoy! Отлично

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@Jolly1371 0 / 0 / 0 Регистрация: 09.03.2017 Сообщений: 38

	Вывести меню посередине 28.11.2017, 09:27. Показов 1327. Ответов 9 Метки нет (Все метки) Здравствуйте. Помогите пожалуйста, вроде бы просто, а уже пару дней найти не могу. Как выравнять меню посередине? https://total.od.ua/ - вот ссылка на меню [del] 0

@Jolly1371 0 / 0 / 0 Регистрация: 09.03.2017 Сообщений: 38
	29.11.2017, 13:02 [ТС]
	Здравствуйте, спасибо за ответ, но я уже и так пробовала: меню <ul> вложено в <div> - этот див выравнивается посередине и так, там уже стоят margin-left и margin-right в значение auto; А вот <ul> выравниваться не хочет, только если с боку справа появляется белый пробел, возле меню Акция. Пробовала и выравнивание текста тоже, ничего не помогает. А где сидит стиль, который мешает на середину все поставить, ни как не пойму(. 0

@AlexZaw Модератор 2381 / 1741 / 677 Регистрация: 07.08.2016 Сообщений: 4,095
	29.11.2017, 13:21
	ul являетс блочным элементом и занимает всю строку, соответственно он не может выровняться по середине с помощью `margin:auto`. Для того что бы его выровнять вам нужно задать ему ширину, либо сделать инлайн-блочным элементом и выравнивать уже, например, при помощи `text-align` для родителя 1

@Jolly1371 0 / 0 / 0 Регистрация: 09.03.2017 Сообщений: 38
	30.11.2017, 15:32 [ТС]
	Пробовала еще до того как написала сюда, не помогло. Добавлено через 6 минут Спасибо Joey, но такой вариант я могла и сама сделать,он не подходит, так как слишком огромное расстояние со всех сторон. 0

@Jolly1371 0 / 0 / 0 Регистрация: 09.03.2017 Сообщений: 38
	30.11.2017, 15:44 [ТС]
	Спасибо Joey, но к сожалению этот вариант мне не подходит. Такой вариант я и сама прописывала, слишком огромное расстояние получается. Добавлено через 3 минуты Спасибо ANemoy! Отлично 0

Вывести меню посередине

Решение

Решение

Решение