0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 5001 Просмотров
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
Собственно сабж - есть меню, пункты которого реализованы через <li> в несколько строк. Можно ли как то строки разделять горизонтальной линией? Пробовал с помощью border-bottom, но тогда линия получается прерывистой, только непосредственно под элементами.
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
если CSS, то border-bottom:1px solid #ccc;   к примеру.
если <hr>, то можно сделать свой цвет для <hr> в сss.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
<hr> не подходит т.к. список пунктов один и динамический. С border-bottom не могу добиться чтобы полоса была сплошной
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
С border-bottom не могу добиться чтобы полоса была сплошной
Чтобы полоса бордера была сплошной, нужно li {margin-left:0;margin-right:0;}
*

neogeek

  • Захожу иногда
  • 196
  • 21 / 2
Чтобы полоса бордера была сплошной, нужно li {margin-left:0;margin-right:0;}
+ возможно еще понадобится убрать display:inline; или display:inline-block; и дописать float:left; или float:right;
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
если использовать float то не получается центрировать пункты-сироты (напр на рисунке пункты 4 и 5). Обнуление margin-ов не помогло ((
*

neogeek

  • Захожу иногда
  • 196
  • 21 / 2
Значит я угадал. При display: inline либо inline-block появляются отступы между элементами вне зависимости от margin
тогда вам нужно для ul задать font-size равный нулю это должно решить проблемуэ
пример
Код
ul{
  font-size: 0; /*здесь обнуляем чтобы отступы убрать*/
}
li{
font-size:14px; /*здесь указываем чтобы не наследовалось*/
}
*

neogeek

  • Захожу иногда
  • 196
  • 21 / 2
При display: inline либо inline-block между элементами li есть пустое пространство (пробелы, табуляция, переход на новую строку), это пространство имеет стандартный (или тот который вы указали для страницы) шрифт и по этому расстояние равно размеру шрифта для одного символа. Указав размер шрифта как нулевой мы фактически убираем этот промежуток.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как уменьшить отступ между Title и Components в шаблоне Helix3

Автор artem_wrong

Ответов: 21
Просмотров: 4076
Последний ответ 17.06.2022, 22:42:47
от Scaltro
Не отображаются маркеры списка

Автор Concolor

Ответов: 6
Просмотров: 2247
Последний ответ 24.04.2021, 18:45:49
от Concolor
Как убрать отступы между меню и каруселью?

Автор Vanya

Ответов: 0
Просмотров: 1022
Последний ответ 22.07.2019, 17:13:10
от Vanya
Горизонтальная прокрутка

Автор web3.0

Ответов: 4
Просмотров: 1054
Последний ответ 15.10.2018, 13:51:17
от web3.0
Как убрать расстояние между К2 материалом и модулям SP Accordion?

Автор zarjcs

Ответов: 0
Просмотров: 865
Последний ответ 22.05.2018, 17:20:25
от zarjcs