Как сделать меню на всю ширину контента

601

postavkin

10 октября 2018, 16:18

560

Добрый день.

Подскажите, пож-та, как растягивать пункты меню на всю доступную ширину контента?

<nav>
<ul class="ui-nav">
<li class='ui-active'>главная</li>
<li><a href="/zena" title="цены">Цены</a></li>
<li><a href="/dostavka" title="доставка">доставка</a></li>
<li><a href="/kak-kupit" title="как купить">как купить</a></li>
<li><a href="/instrukzii" title="инструкции">инструкции</a></li>
<li><a href="/kontakty" title="контакты">Контакты</a></li>		
</ul>
</nav>

css


body .ui-nav a {
    padding: 20px 9px;
    font-size: 13px;
}

Больше ничего в стилях, только для мобилы...

Спасибо

D

79

Demonic

10 октября 2018, 16:25

#1

width: 100%

39

webiumpro

10 октября 2018, 16:26

#2

dysplay: block; попробуйте ссылкам присвоить. А так, хотя бы скрин прикрепили бы, что ли, чтоб хоть какое-то понимание задачи иметь

Копирование лендингов. Разработка на фреймворке сервисов. Создание сайтов (/ru/forum/994418)

P

601

postavkin

10 октября 2018, 16:35

#3

webiumpro:
dysplay: block; попробуйте ссылкам присвоить. А так, хотя бы скрин прикрепили бы, что ли, чтоб хоть какое-то понимание задачи иметь

Пожалуйста

[ATTACH]178022[/ATTACH]

сделал так

body .ui-nav{	width:100%; text-align: justify;	text-align-last: justify;}



body .ui-nav a {

    padding: 20px 9px;

    font-size: 13px; dysplay: block;

\не помогает.

jpg 178022.jpg

39

webiumpro

10 октября 2018, 16:41

#4

У li какие стили?

Так еще попробуйте


 .ui-nav li {
display: block;
width: 100%;
}

P

601

postavkin

10 октября 2018, 16:43

#5

webiumpro:
У li какие стили?

Только с другими дивами

.boot li a {    display: inline-block;}

и т.д.

есть у li стили, отдельно никаких.

S

469

Sitealert

10 октября 2018, 17:53

#6

Разные способы есть. Самый простой - указать для li ширину 16.6%. Но только некрасиво это будет смотреться, ИМХО.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

SS

83

SERM-service

10 октября 2018, 18:51

#7

dysplay: block;

display: block; - этого должно быть достаточно.

Размещение естественных ссылок на тематических порталах, отзовиках, справочниках (/ru/forum/1013919)

39

webiumpro

10 октября 2018, 18:54

#8

Видимо, тут только Sitealert правильно понял задачу :) Чтобы пункты меню равномерно распределились по ширине, а не каждый пункт был на всю ширину

P

601

postavkin

10 октября 2018, 19:33

#9

Sitealert:
Разные способы есть. Самый простой - указать для li ширину 16.6%. Но только некрасиво это будет смотреться, ИМХО.

Спасибо.

Сделал 16%,

[ATTACH]178025[/ATTACH]

так как 16,6% переносит на второй ряд один li

ps про некрасиво - не могу не согласиться. Что то не так ))

jpg 178025.jpg

247

altezzik

10 октября 2018, 19:34

#10

Не надо так.

1

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах

Переиграть и победить: как анализировать конкурентов для продвижения сайта