Новости Joomla

Онлайн-трансляции Joomla-разработки Игоря Бердичевского

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

👩‍💻 20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет. Вокруг неё сложилось большое интернациональное русскоязычное сообщество. На сайте нашего сообщества и на Хабре к юбилею были собраны интервью с его видными представителями. Сегодня мы читаем интервью с Ринатом Кажетовым (@rkazhet). Ринат - один из администраторов чата русскоязычного Joomla-сообщества, из Казахстана. Это человек, который всегда знает или найдёт нужную ссылку, пристально следит за новостями в мире Joomla, многое узнаёт первым и просто очень отзывчивый человек. Интервью с Ринатом взял Евгений Сивоконь.Читать интервью@joomlafeed#joomla #community

20 лет Joomla: Ринат Кажетов

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

Ilhom666

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

vipiusss

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

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
Re: Горизонтальная линия между строками элементов списка
« Ответ #2 : 06.05.2015, 14:59:25 »
<hr> не подходит т.к. список пунктов один и динамический. С border-bottom не могу добиться чтобы полоса была сплошной
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Горизонтальная линия между строками элементов списка
« Ответ #3 : 06.05.2015, 15:44:25 »
Цитата: Ilhom666 от 06.05.2015, 14:59:25
С border-bottom не могу добиться чтобы полоса была сплошной
Чтобы полоса бордера была сплошной, нужно li {margin-left:0;margin-right:0;}
Записан
*

neogeek

  • Захожу иногда
  • 196
  • 21 / 2
Re: Горизонтальная линия между строками элементов списка
« Ответ #4 : 06.05.2015, 17:22:27 »
Цитата: AlekVolsk от 06.05.2015, 15:44:25
Чтобы полоса бордера была сплошной, нужно li {margin-left:0;margin-right:0;}
+ возможно еще понадобится убрать display:inline; или display:inline-block; и дописать float:left; или float:right;
Записан
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
Re: Горизонтальная линия между строками элементов списка
« Ответ #5 : 06.05.2015, 18:16:17 »
если использовать float то не получается центрировать пункты-сироты (напр на рисунке пункты 4 и 5). Обнуление margin-ов не помогло ((
Записан
*

neogeek

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

neogeek

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

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

Автор artem_wrong

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

Автор Concolor

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

Автор Vanya

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

Автор web3.0

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

Автор zarjcs

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