Назначение отступов у ссылок

@Aqua77 · Регистрация: 13.07.2015

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

Имеется таблица со списком ссылок. Список имеет ширину 10%. Как сделать чтобы отступы ссылок совпадали с шириной списка?

HTML5
1
2
3
4
5
6
7
8
  <nav>
  <ul>
  <li><a href="uslugi.html">Услуги</a></li>
  <li><a href="klienti.html">Клиенты</a></li>
  <li><a href="projekt.html">Проекты</a></li>
  <li><a href="kontact.html">Контакт</a></li>
  </ul>  
  </nav>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
nav{
 
    display: table;
        border-spacing: 10px;
}
ul{
         display: table-row;
}
li{
    display: table-cell;
    background:       red;
  width: 10%; //Нужно чтобы отступы были точно такими
  text-align: center;
}
a{
    text-decoration: none;
    padding: 0px 10% 0px 10%; //Пробовал сделать такой же отступ, но ширине не соотведствует.
}

@Fedor92 · 29.07.2016, 13:28

Aqua77, при данном коде не получится... И не список имеет ширину 10%, а элемент списка...

@Aqua77 · 29.07.2016, 13:29 **[ТС]**

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

при данном коде

Нужно таблицу поменять?

@Fedor92 · 29.07.2016, 13:32

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

Нужно таблицу поменять?

да её родимую... Иначе у Вас ссылки окажутся за пределами ячейки...

@Aqua77 · 29.07.2016, 13:51 **[ТС]**

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

да её

Без понятия как это сделать display: table; другому присвоить?

@Fedor92 · 29.07.2016, 14:21

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

Без понятия как это сделать display: table; другому присвоить?

А зачем вообще Вам понадобилось использовать именно display:table?

@Aqua77 · 29.07.2016, 14:57 **[ТС]**

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

при данном коде не получится...

А если display: block; ссылкам назначить?

@Fedor92 · 29.07.2016, 16:28

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

А если display: block; ссылкам назначить?

Вы отвечаете вопросом на вопрос...

Попробую объяснить... Вы хотите задать дочернему элементу отступы размером с ширину родительского элемента, но у Вас ничего не выйдет поскольку, если дочернему элементу задать отступы величиной с ширину родительского элемента - увеличится сам родительский элемент - либо дочерний выпадет за границы родительского... Короче так нельзя насиловать код!

Новые блоги и статьи Все статьи Все блоги /
Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор значения справочника Maks 21.03.2026 Процедура ВодителиНачалоВыбора(Элемент, ДанныеВыбора, ВыборДобавлением, СтандартнаяОбработка) / / Отключаем стандартную обработку (стандартное открытие формы выбора без фильтров) . . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	29.07.2016, 13:28
	Aqua77, при данном коде не получится... И не список имеет ширину 10%, а элемент списка... 0