Skip to main content

Вопросы с меткой [ul]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
15 показов

Элементы списка кучкуются, хотя задаю justify-content: space-around

*{ margin: 0; padding: 0; } .wr { margin-left: auto; margin-right: auto; max-width: 1022px } nav { max-width: 1022px; height: 65px; display: flex; flex-flow: column ...
Нелли's user avatar
0 голосов
1 ответ
98 показов

CSS Тень маркера img в списке <ul>

Подскажите, как можно задать тень списку и маркеру(img), чтобы получилось как на изображении ниже(прикрепил). ps. У меня получилось только с текстом. А картинка(маркер)остается без тени... Что и как ...
Владислав Королев's user avatar
2 голоса
1 ответ
116 показов

CSS список ul в несколько колонок (с небольшим нюансом)

Как корректно разбить такой список на 2 колонки, чтобы у Пункта все Подпункты оставались в одной колонке. Может здесь не CSS нужен, а правильный HTML? Здесь вопрос с div-ами был решён column-count и ...
chbronson's user avatar
1 голос
1 ответ
125 показов

Как разместить маркированный список в одну строку?

Надо сделать вот так. <ul class="options"> <li class="option">Литер 14</li> <li class="option">Этаж 10</li> <li class="...
Aleksei Skvortsov's user avatar
0 голосов
1 ответ
27 показов

Сделать список разворачивающимся на мобильных

Есть обычный маркированный список <ul> со множеством элементов. Нужно на мобильных устройствах выводить только первые 5 пунктов, а дальше ссылку "Развернуть список". @media (max-width:...
Анатолий's user avatar
0 голосов
1 ответ
23 показа

Непонятные изменения в размере блока списка

у меня проблема с размером блока списка, сам код не мой, при наведение на блок списка он сильно изменяется, когда наводишься на элемент списка он сокращается в два раза и текст выходит за рамки ...
Yraron's user avatar
  • 13
0 голосов
2 ответа
77 показов

Как выровнять 3 разные li относительно одного div блока

Случился с проблемой при верстке, есть один див блок с тремя ul. В каждой ul не одинаковое количество li. Надо сделать так что бы li в каждой ul находились на одинаковом расстоянии по высоте. Пробовал ...
Матвей's user avatar
0 голосов
1 ответ
51 показ

Как убрать обтекание 2 и 4 элемента li

Как можно убрать обтекание для 2 и 4 элемента li , я знаю что нужно использовать clear , но как это можно сделать если они все в одном классе? .just{ display: flex; min-height: 850px; align-...
Nox's user avatar
  • 29
0 голосов
1 ответ
62 показа

Проблемка с отображением в сафари динамического бордюра

Сделал на сайте рамки динамические для списка, красиво везде, но сафари выел мне мозг.. Прошу помощи сделать так чтобы в сафари получилось так же как и в хроме. Вид в сафари: Вид как нужно: /*...
I7cux's user avatar
  • 1
0 голосов
1 ответ
41 показ

Простой список но с соединяющим пунктиром вместо элементов списка

нужно сделать примерно как на картинке, но не пойму через что это сделано. В исходном коде копалась, пробовала, но ничего не работает. Вроде как сделдано через after, по идее все параметры прописаны ...
rechidori's user avatar
2 голоса
1 ответ
497 показов

Как прижать маркер у li к тексту, если текст прижат к правому краю блока

Маркеры стилизовала через абсолютное позиционирование псевдоэлемента before, каждому выставляя свои расстояния, поскольку при других раскладах маркеры не встают вплотную к началу текста, либо ...
Марина Медведева's user avatar
0 голосов
0 ответов
43 показа

Отображение бокового меню

На сайте https://positronica.ru/ (прошу прощения, что привожу конкретный сайт, но очень нужно разобраться именно с этим сайтом) есть следуюшее меню .menu .dropdown-menu-left__title_link, .menu ....
goodsoft's user avatar
  • 111
1 голос
1 ответ
2k показов

Как элементы списка расположить в одну строку без переноса?

Необходимо чтобы все элементы списка всегда были на одной строке и при необходимости добавлялся скрол html: <ul class="list"> <li class="list-item">hello ...
Дмитрий's user avatar
1 голос
1 ответ
98 показов

Динамическое изменение выпадающего списка

Есть поле ввода. Когда начинаю вводить какое-то слово, отправляется запрос к апи, я обрабатываю ответ и результат вывожу на страницу. Если я продолжаю вводить данные в поле, то у меня снова ...
Chilik's user avatar
  • 155
2 голоса
1 ответ
1k показов

Как опустить маркеры списка?

Проблема в том что я задал маркеры, они встали не так как нужно. Я не понимаю как их двигать, пробовал многое, подскажите пожалуйста как двигать маркеры в списке. <ul class="false-about__list&...
Amir's user avatar
  • 63
0 голосов
1 ответ
50 показов

Скролл к открывшему списку

есть сайт berni.com.ua/ на нём реализовано то, что мне нужно. В мобильном меню при открытии li, скроллит вниз, чтоб было видно полностью открытый список. Хочу реализовать такое же. Написал простенький ...
Халил Мурадов's user avatar
2 голоса
1 ответ
1k показов

Вывод текста из input каждый раз на новую строку без удаления предыдущей

Всем привет. Помогите, пожалуйста, подправить код. Сейчас после нажатия на кнопку каждое слово из input выводится в отдельный li, при этом после повторного нажатия текст из li удаляется. Необходимо ...
Илья Лотоцкий's user avatar
1 голос
1 ответ
358 показов

Обращение к элементам через псевдоклассы

Элементов родительского списка может быть бесконечное множество. Моя задача сделать код универсальным, убрав из html классы и обратиться к элементам через псевдоклассы CSS. Я добралась до всех, кроме ...
Elena Zinovyeva's user avatar
0 голосов
1 ответ
59 показов

Разделить тексты по центру

Хотел вкладки поставить по центру, и поставил каким-то чудом. Но тексты теперь слипнулись, и нужно отдельно поставить, и никак не получается этого сделать. И почему-то точки появляются, после того, ...
Alekosh's user avatar
  • 13
2 голоса
2 ответа
211 показов

Как с помощью PHP трансформировать Json данные в маркированный список HTML с помощью тегов <ul> и <li>?

Имеется следующая Json структура. { "menu": [ { "level": "2" }, { "level": "2" }, { "level": "2" }, { "level": "3" }, { "level": "3"...
TimurVI's user avatar
  • 8,490
0 голосов
0 ответов
81 показ

Вставить <span> в li через метод insertAdjacentHTML

Судя по всему не проходит проверка if (event.target.tagName != "SPAN") return; видимо spanы не проставляются... let ul = document.getElementById("tree"); let lis = document.querySelectorAll("...
GTB's user avatar
  • 91
0 голосов
2 ответа
1k показов

Размер кастомных иконок спиков css

Существует некий список, в котором обязательно нужны кастомные иконки, сделал их через list-style-image: url(../img/gearwheel.png);, все работает, но иконки слишком большие, как их уменьшить? Как ...
user avatar
0 голосов
0 ответов
36 показов

Помогите с ширеной меню на сайте

помогите пожалуйста с меню, нужно что бы на всех экранах оно было равно ширине 70% то есть на всю область сайта. Как можно это реализовать ?? давать новые классы дополнительным ul ?? http://www....
Prakcto leb's user avatar
0 голосов
1 ответ
271 показ

Проверить на наличие li в ul

Я пытаюсь сделать таймер на JS, и сейчас я пытаюсь сделать добавление таймера. Я хочу сделать, чтобы перед добавлением элемента, шла проверка на наличие такой строки в ul. Подскажите, как это сделать. ...
Макс Мазур's user avatar
0 голосов
1 ответ
287 показов

Сделать жирным определённый текст в <ul><li> посредством css :first-child

Хотелось бы узнать, есть ли какой-нибудь универсальный метод, как задать :first-child именно для определённого элемента автоматически. Может есть что-то более удобное, нежели написывать каждый раз ...
Nik Sharky's user avatar
2 голоса
1 ответ
23 показа

Добавление class

Есть такой список в котором при выборе пункта переводит на другую страницу. Задача что бы при переходе на другую страницу в пункте меню оставался выбраный пункт. $.fn.ulSelect = function() { ...
Никита Синельник's user avatar
1 голос
2 ответа
32 показа

Помещение последнего элемента списка на первое место при уменьшении ширины окна

Есть список в котором при определенной ширине окна нужно поледний элемент поставить на первое место. Делаю это так : if ($(window).width() < 500) { $('.header_bar').prepend($('.header_bar ...
Tick-Tack's user avatar
  • 372
1 голос
1 ответ
475 показов

Добавление flex уменьшает ширину ul

Если добавить к ul display:flex, то ul уменьшится в ширине * { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; } body {} div { box-sizing: border-box; } li { ...
dadwqe123's user avatar
0 голосов
1 ответ
131 показ

Сворачивание элементов по клику jQuery

Есть простой список <ol id="commentlist"> <li class="comment byuser"> Comment 1 <ul class="children"> <li>Subcomment 1.1</li> ...
Yuriy's user avatar
  • 811
6 голосов
1 ответ
316 показов

Нумерованый список и под список

Есть нумерованный список который начинается с "1". Нужно сделать так чтобы под список начинался с цифры- с которой начинается родительский элемент. Возможно ли сделать такое средствами css без js? ...
Sergey B's user avatar
  • 401
3 голоса
1 ответ
46 показов

Не понимаю поведения класса при добавлении к нему ul

В заголовке сформулировал вопрос. Пример кода - jsfiddle body { background-color: lavender; } .icons_main_class { list-style: none; margin: 0; padding: 0; margin-right: 10px; ...
chase's user avatar
  • 231
0 голосов
1 ответ
59 показов

Проблема позиционирования списка

Подскажите, пожалуйста, почему список прижимается к нижней границе родительского элемента, поднимается вверх при добавлении новой строчки и как все-таки прижать к верхней границе? .footer { ...
adckiykpolb's user avatar
1 голос
2 ответа
2k показов

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; ...
axmed2004's user avatar
  • 954
0 голосов
3 ответа
4k показов

список в несколько рядов и несколько строк

Приветствую У меня есть список <ul></ul>, содержащий значительное число <li></li> элементов. Хочу добиться того, чтоб они были выведены в несколько строк и несколько столбцов,...
Zhihar's user avatar
  • 37.7k
-1 голос
2 ответа
58 показов

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-...
Artashes Muradyan's user avatar
1 голос
2 ответа
2k показов

Как поставить список чтобы он был справа?

ul.header-blog li{ list-style: none; display: inline; } .header-blog { right: 0; } <ul class="header-blog"> <li>Home</li> <li>Services</li> &...
Vitalik Slobodyanuyk's user avatar
2 голоса
2 ответа
3k показов

Как правильно в CSS обратиться к элементам неупорядоченного списка?

Есть блок (.block) с неупорядоченным списком внутри. Как правильно в CSS обратиться к элементам списка этого блока: .block ul li {…} или .block li {…}? И так, и так — всё действует. Но как же ...
eav's user avatar
  • 239
1 голос
1 ответ
110 показов

из списка dropdown-ul отобразить выбранный пункт выпадающего списка сбоку

Прошу помочь вывести выбранный пункт из выпадающего списка рядом с .dropdown-toggle. $(".dropdown-toggle").click(function() { $(".dropdown-menu").toggleClass('open'); }); .dropup { ...
Владислав Кураев's user avatar
0 голосов
0 ответов
198 показов

Как реализовать многоуровневое меню больше двух уровней

Делаю меню. Подскажите как реализовать меню с тремя или четырьмя уровнями чтобы при нажатии на пункт открывался следующий блок а другие пункты закрывались. Получилось реализовать только один блок ...
Roman 's user avatar
  • 77
1 голос
1 ответ
277 показов

Сдвинуть li на высоту предыдущего открывающегося списка

Есть список ul li, в котором находится еще один список. Когда после отработки скрипта во вложенный список будут вноситься данные, он будет накладываться на следующий li и так далее. Как сделать, что ...
Nisu's user avatar
  • 119
0 голосов
2 ответа
150 показов

Несколько дивов в строку в одном li

Есть ul li, в каждый li нужно помещать несколько дивов, выравнивая их в одну строку, про float: left; - знаю, но в данном случае это почему-то не сработало. #list_quest{ float: left; width: ...
Nisu's user avatar
  • 119
0 голосов
1 ответ
3k показов

Активировать бургер при клике по div js

Всем привет. Имеется бургер-меню, которое раскрывается при клике на сам бургер, который тоже меняет свою форму на вид крестика. То есть при клике на .burger появляется к .menu добавляется класс .open....
user avatar
1 голос
0 ответов
58 показов

Листалка списка jQuery. Как реализовать?

Подскажите кто знает как реализовать листание списка?
15828's user avatar
  • 147
2 голоса
1 ответ
290 показов

<li> в 4 колонки или меньше [дубликат]

Хочу сделать div в котором будет ul с динамическим количеством колонок. Например как вот тут в главном меню - tonkosti.ru Через что его делать? через css column-count + @media и просто для разной ...
Andy Core's user avatar
0 голосов
2 ответа
42 показа

Float li - одинаковый вертикальный отступ вместо наибольшего

Есть ul с такими стилями: .li { float: left; margin-bottom: 10px; } .li:first { clear: both; } Проблема в том, что если какой-то из li занимает больше места по вертикали, чем другие в строке, ...
user64675's user avatar
  • 1,281
0 голосов
2 ответа
1k показов

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>...
CodeGust's user avatar
  • 1,834
0 голосов
1 ответ
490 показов

Доступ к классу 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 ...
Beginner's user avatar
  • 705
0 голосов
4 ответа
8k показов

как выровнять все элементы li по центру в ul

Есть список ul. В нём li в виде плиточек. li задано float:left;. Соответственно все li расположены горизонтально. Ширина li задана в процентах, высота задана в px. Если изменить размер браузера, то ...
Tsyklop's user avatar
  • 3,867
2 голоса
1 ответ
6k показов

Заголовок списка

Насколько корректно будет использовать заголовок <h1> для списка <ul> . К примеру вот так: <ul><h1>Заголовок</h1> <li>1</li> <li>2</li>...
Tyler Maning's user avatar
4 голоса
1 ответ
3k показов

Один из inline-block списков внутри div'a сползает вниз

Всем привет. Помогите разобраться с инлайн-блоками. Нужно сделать расписание в 2 колонки внутри родительского контейнера. Казалось бы тривиальная задача, но правый список непонятно из-за чего съезжает ...
Alex's user avatar
  • 91