Вопросы с меткой [ul]
Руководство по использованию метки ul отсутствует.
45
вопросов
0
голосов
1
ответ
19
показов
Простой список но с соединяющим пунктиром вместо элементов списка
нужно сделать примерно как на картинке, но не пойму через что это сделано. В исходном коде копалась, пробовала, но ничего не работает.
Вроде как сделдано через after, по идее все параметры прописаны ...
2
голоса
1
ответ
120
показов
Как прижать маркер у li к тексту, если текст прижат к правому краю блока
Маркеры стилизовала через абсолютное позиционирование псевдоэлемента before, каждому выставляя свои расстояния, поскольку при других раскладах маркеры не встают вплотную к началу текста, либо ...
0
голосов
0
ответов
37
показов
Отображение бокового меню
На сайте https://positronica.ru/ (прошу прощения, что привожу конкретный сайт, но очень нужно разобраться именно с этим сайтом) есть следуюшее меню
.menu .dropdown-menu-left__title_link,
.menu ....
1
голос
1
ответ
333
показа
Как элементы списка расположить в одну строку без переноса?
Необходимо чтобы все элементы списка всегда были на одной строке и при необходимости добавлялся скрол
html:
<ul class="list">
<li class="list-item">hello ...
1
голос
1
ответ
33
показа
Динамическое изменение выпадающего списка
Есть поле ввода. Когда начинаю вводить какое-то слово, отправляется запрос к апи, я обрабатываю ответ и результат вывожу на страницу. Если я продолжаю вводить данные в поле, то у меня снова ...
2
голоса
1
ответ
334
показа
Как опустить маркеры списка?
Проблема в том что я задал маркеры, они встали не так как нужно. Я не понимаю как их двигать, пробовал многое, подскажите пожалуйста как двигать маркеры в списке.
<ul class="false-about__list&...
0
голосов
1
ответ
29
показов
Скролл к открывшему списку
есть сайт berni.com.ua/ на нём реализовано то, что мне нужно. В мобильном меню при открытии li, скроллит вниз, чтоб было видно полностью открытый список.
Хочу реализовать такое же. Написал простенький ...
2
голоса
1
ответ
308
показов
Вывод текста из input каждый раз на новую строку без удаления предыдущей
Всем привет.
Помогите, пожалуйста, подправить код. Сейчас после нажатия на кнопку каждое слово из input выводится в отдельный li, при этом после повторного нажатия текст из li удаляется. Необходимо ...
1
голос
1
ответ
212
показов
Обращение к элементам через псевдоклассы
Элементов родительского списка может быть бесконечное множество. Моя задача сделать код универсальным, убрав из html классы и обратиться к элементам через псевдоклассы CSS.
Я добралась до всех, кроме ...
0
голосов
1
ответ
29
показов
Разделить тексты по центру
Хотел вкладки поставить по центру, и поставил каким-то чудом. Но тексты теперь слипнулись, и нужно отдельно поставить, и никак не получается этого сделать.
И почему-то точки появляются, после того, ...
2
голоса
2
ответа
134
показа
Как с помощью PHP трансформировать Json данные в маркированный список HTML с помощью тегов <ul> и <li>?
Имеется следующая Json структура.
{
"menu": [
{
"level": "2"
},
{
"level": "2"
},
{
"level": "2"
},
{
"level": "3"
},
{
"level": "3"...
0
голосов
0
ответов
70
показов
Вставить <span> в li через метод insertAdjacentHTML
Судя по всему не проходит проверка
if (event.target.tagName != "SPAN") return;
видимо spanы не проставляются...
let ul = document.getElementById("tree");
let lis = document.querySelectorAll("...
0
голосов
2
ответа
612
показов
Размер кастомных иконок спиков css
Существует некий список, в котором обязательно нужны кастомные иконки, сделал их через list-style-image: url(../img/gearwheel.png);, все работает, но иконки слишком большие, как их уменьшить?
Как ...
0
голосов
0
ответов
34
показа
Помогите с ширеной меню на сайте
помогите пожалуйста с меню, нужно что бы на всех экранах оно было равно ширине 70% то есть на всю область сайта.
Как можно это реализовать ?? давать новые классы дополнительным ul ??
http://www....
0
голосов
1
ответ
124
показа
Проверить на наличие li в ul
Я пытаюсь сделать таймер на JS, и сейчас я пытаюсь сделать добавление таймера. Я хочу сделать, чтобы перед добавлением элемента, шла проверка на наличие такой строки в ul. Подскажите, как это сделать.
...
0
голосов
1
ответ
158
показов
Сделать жирным определённый текст в <ul><li> посредством css :first-child
Хотелось бы узнать, есть ли какой-нибудь универсальный метод, как задать :first-child именно для определённого элемента автоматически. Может есть что-то более удобное, нежели написывать каждый раз ...
2
голоса
1
ответ
21
показ
Добавление class
Есть такой список в котором при выборе пункта переводит на другую страницу. Задача что бы при переходе на другую страницу в пункте меню оставался выбраный пункт.
$.fn.ulSelect = function() {
...
1
голос
2
ответа
26
показов
Помещение последнего элемента списка на первое место при уменьшении ширины окна
Есть список в котором при определенной ширине окна нужно поледний элемент поставить на первое место. Делаю это так :
if ($(window).width() < 500) {
$('.header_bar').prepend($('.header_bar ...
1
голос
1
ответ
244
показа
Добавление flex уменьшает ширину ul
Если добавить к ul display:flex, то ul уменьшится в ширине
* {
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
}
body {}
div {
box-sizing: border-box;
}
li {
...
0
голосов
1
ответ
118
показов
Сворачивание элементов по клику jQuery
Есть простой список
<ol id="commentlist">
<li class="comment byuser">
Comment 1
<ul class="children">
<li>Subcomment 1.1</li>
...
6
голосов
1
ответ
187
показов
Нумерованый список и под список
Есть нумерованный список который начинается с "1". Нужно сделать так чтобы под список начинался с цифры- с которой начинается родительский элемент.
Возможно ли сделать такое средствами css без js?
...
3
голоса
1
ответ
38
показов
Не понимаю поведения класса при добавлении к нему ul
В заголовке сформулировал вопрос.
Пример кода - jsfiddle
body {
background-color: lavender;
}
.icons_main_class {
list-style: none;
margin: 0;
padding: 0;
margin-right: 10px;
...
0
голосов
1
ответ
45
показов
Проблема позиционирования списка
Подскажите, пожалуйста, почему список прижимается к нижней границе родительского элемента, поднимается вверх при добавлении новой строчки и как все-таки прижать к верхней границе?
.footer {
...
1
голос
2
ответа
1k
показов
css список ul выстроить в столбцы
нужно построить li в 2 столбца. пробовал свойство
ul{columns:2}
но получаются столбцы
1 6
2 7
3 8
4 9
5 10
а мне нужно
1 2
3 4
5 6
7 8
9 10
если добавить
li{
display: inline-block;
...
0
голосов
3
ответа
2k
показов
список в несколько рядов и несколько строк
Приветствую
У меня есть список <ul></ul>, содержащий значительное число <li></li> элементов.
Хочу добиться того, чтоб они были выведены в несколько строк и несколько столбцов,...
-1
голос
2
ответа
55
показов
ul список не выстраивается рядом с background-image
* {
padding: 0;
margin: 0;
}
.header {
width: 100%;
height: 80px;
border: 1px solid black;
}
.logo {
background-image: url("../images/pepsi.png");
background-repeat: no-...
1
голос
2
ответа
625
показов
Как поставить список чтобы он был справа?
ul.header-blog li{
list-style: none;
display: inline;
}
.header-blog {
right: 0;
}
<ul class="header-blog">
<li>Home</li>
<li>Services</li>
&...
2
голоса
2
ответа
2k
показов
Как правильно в CSS обратиться к элементам неупорядоченного списка?
Есть блок (.block) с неупорядоченным списком внутри. Как правильно в CSS обратиться к элементам списка этого блока:
.block ul li {…} или .block li {…}?
И так, и так — всё действует. Но как же ...
1
голос
1
ответ
74
показа
из списка dropdown-ul отобразить выбранный пункт выпадающего списка сбоку
Прошу помочь вывести выбранный пункт из выпадающего списка рядом с .dropdown-toggle.
$(".dropdown-toggle").click(function() {
$(".dropdown-menu").toggleClass('open');
});
.dropup {
...
0
голосов
0
ответов
187
показов
Как реализовать многоуровневое меню больше двух уровней
Делаю меню. Подскажите как реализовать меню с тремя или четырьмя уровнями чтобы при нажатии на пункт открывался следующий блок а другие пункты закрывались. Получилось реализовать только один блок ...
1
голос
1
ответ
212
показов
Сдвинуть li на высоту предыдущего открывающегося списка
Есть список ul li, в котором находится еще один список. Когда после отработки скрипта во вложенный список будут вноситься данные, он будет накладываться на следующий li и так далее. Как сделать, что ...
0
голосов
2
ответа
126
показов
Несколько дивов в строку в одном li
Есть ul li, в каждый li нужно помещать несколько дивов, выравнивая их в одну строку, про float: left; - знаю, но в данном случае это почему-то не сработало.
#list_quest{
float: left;
width: ...
0
голосов
1
ответ
2k
показов
Активировать бургер при клике по div js
Всем привет. Имеется бургер-меню, которое раскрывается при клике на сам бургер, который тоже меняет свою форму на вид крестика.
То есть при клике на .burger появляется к .menu добавляется класс .open....
1
голос
0
ответов
56
показов
Листалка списка jQuery. Как реализовать?
Подскажите кто знает как реализовать листание списка?
2
голоса
1
ответ
256
показов
<li> в 4 колонки или меньше [дубликат]
Хочу сделать div в котором будет ul с динамическим количеством колонок. Например как вот тут в главном меню - tonkosti.ru
Через что его делать? через css column-count + @media и просто для разной ...
0
голосов
2
ответа
35
показов
Float li - одинаковый вертикальный отступ вместо наибольшего
Есть ul с такими стилями:
.li {
float: left;
margin-bottom: 10px;
}
.li:first {
clear: both;
}
Проблема в том, что если какой-то из li занимает больше места по вертикали, чем другие в строке, ...
0
голосов
2
ответа
735
показов
css ul li разное расстояние между столбцами
ul {
height: 100%;
columns: 3;
column-gap: 84px;
column-fill: auto;
}
li {
list-style: none;
}
<ul>
<li>ssdfsd</li>
<li>2ttrw</li>
<li>...
0
голосов
1
ответ
448
показов
Доступ к классу li в css
У меня такая структура меню
<ul class="sub-menu">
<li id="menu-item-657" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-657"><a ...
0
голосов
4
ответа
6k
показов
как выровнять все элементы li по центру в ul
Есть список ul. В нём li в виде плиточек. li задано float:left;. Соответственно все li расположены горизонтально. Ширина li задана в процентах, высота задана в px.
Если изменить размер браузера, то ...
2
голоса
1
ответ
6k
показов
Заголовок списка
Насколько корректно будет использовать заголовок <h1> для списка <ul> . К примеру вот так:
<ul><h1>Заголовок</h1>
<li>1</li>
<li>2</li>...
4
голоса
1
ответ
3k
показов
Один из inline-block списков внутри div'a сползает вниз
Всем привет.
Помогите разобраться с инлайн-блоками. Нужно сделать расписание в 2 колонки внутри родительского контейнера. Казалось бы тривиальная задача, но правый список непонятно из-за чего съезжает ...
0
голосов
1
ответ
145
показов
Списки .ul .li text-align:justify один блог(через каждый 6-ой) выпрыгивает вверх
http://archiess.github.io/ - помогите разобраться, не знаю как решить проблему со списками, один блок выпрыгивает, и как отменить justify внутри li, что бы выровнять текст по центру.
https://github....
0
голосов
1
ответ
269
показов
Как сделать, чтобы скрипт срабатывал для нескольких элементов с одинаковым классом?
Есть скрипт(кастомный список). Мне нужно чтобы, он срабатывал для нескольких списков. Но при нажатии на choose скрипт срабатывает для всех списков. Т.е. выпадают все списки.
$('.choose').on('...
0
голосов
1
ответ
31
показ
Не срабатывает callback при повторном нажатии на элемент
Кастомизирую select. Делаю это через выпадающий список, в общем. При нажатии на элемент с классом choose к нему добавляется класс active и при повторном нажатии удаляется. Но эта процедура срабатывает ...
0
голосов
1
ответ
49
показов
почему ширина li не может быть 33% и почему background-color не можеть сделать фон на весь li по классу callto
почему ширина li не может быть 33% и почему background-color не можеть сделать фон на весь li по классу callto
ul{
display:inline;
float:left;
width:600px;
background:green;
}
....