Вопросы с меткой [ul]
Руководство по использованию метки ul отсутствует.
54
вопроса
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 ...
0
голосов
1
ответ
98
показов
CSS Тень маркера img в списке <ul>
Подскажите, как можно задать тень списку и маркеру(img), чтобы получилось как на изображении ниже(прикрепил). ps. У меня получилось только с текстом. А картинка(маркер)остается без тени...
Что и как ...
2
голоса
1
ответ
116
показов
CSS список ul в несколько колонок (с небольшим нюансом)
Как корректно разбить такой список на 2 колонки, чтобы у Пункта все Подпункты оставались в одной колонке. Может здесь не CSS нужен, а правильный HTML?
Здесь вопрос с div-ами был решён column-count и ...
1
голос
1
ответ
125
показов
Как разместить маркированный список в одну строку?
Надо сделать вот так.
<ul class="options">
<li class="option">Литер 14</li>
<li class="option">Этаж 10</li>
<li class="...
0
голосов
1
ответ
27
показов
Сделать список разворачивающимся на мобильных
Есть обычный маркированный список <ul> со множеством элементов. Нужно на мобильных устройствах выводить только первые 5 пунктов, а дальше ссылку "Развернуть список".
@media (max-width:...
0
голосов
1
ответ
23
показа
Непонятные изменения в размере блока списка
у меня проблема с размером блока списка, сам код не мой, при наведение на блок списка он сильно изменяется, когда наводишься на элемент списка он сокращается в два раза и текст выходит за рамки ...
0
голосов
2
ответа
77
показов
Как выровнять 3 разные li относительно одного div блока
Случился с проблемой при верстке, есть один див блок с тремя ul. В каждой ul не одинаковое количество li. Надо сделать так что бы li в каждой ul находились на одинаковом расстоянии по высоте.
Пробовал ...
0
голосов
1
ответ
51
показ
Как убрать обтекание 2 и 4 элемента li
Как можно убрать обтекание для 2 и 4 элемента li , я знаю что нужно использовать clear , но как это можно сделать если они все в одном классе?
.just{
display: flex;
min-height: 850px;
align-...
0
голосов
1
ответ
62
показа
Проблемка с отображением в сафари динамического бордюра
Сделал на сайте рамки динамические для списка, красиво везде, но сафари выел мне мозг.. Прошу помощи сделать так чтобы в сафари получилось так же как и в хроме.
Вид в сафари:
Вид как нужно:
/*...
0
голосов
1
ответ
41
показ
Простой список но с соединяющим пунктиром вместо элементов списка
нужно сделать примерно как на картинке, но не пойму через что это сделано. В исходном коде копалась, пробовала, но ничего не работает.
Вроде как сделдано через after, по идее все параметры прописаны ...
2
голоса
1
ответ
497
показов
Как прижать маркер у li к тексту, если текст прижат к правому краю блока
Маркеры стилизовала через абсолютное позиционирование псевдоэлемента before, каждому выставляя свои расстояния, поскольку при других раскладах маркеры не встают вплотную к началу текста, либо ...
0
голосов
0
ответов
43
показа
Отображение бокового меню
На сайте https://positronica.ru/ (прошу прощения, что привожу конкретный сайт, но очень нужно разобраться именно с этим сайтом) есть следуюшее меню
.menu .dropdown-menu-left__title_link,
.menu ....
1
голос
1
ответ
2k
показов
Как элементы списка расположить в одну строку без переноса?
Необходимо чтобы все элементы списка всегда были на одной строке и при необходимости добавлялся скрол
html:
<ul class="list">
<li class="list-item">hello ...
1
голос
1
ответ
98
показов
Динамическое изменение выпадающего списка
Есть поле ввода. Когда начинаю вводить какое-то слово, отправляется запрос к апи, я обрабатываю ответ и результат вывожу на страницу. Если я продолжаю вводить данные в поле, то у меня снова ...
2
голоса
1
ответ
1k
показов
Как опустить маркеры списка?
Проблема в том что я задал маркеры, они встали не так как нужно. Я не понимаю как их двигать, пробовал многое, подскажите пожалуйста как двигать маркеры в списке.
<ul class="false-about__list&...
0
голосов
1
ответ
50
показов
Скролл к открывшему списку
есть сайт berni.com.ua/ на нём реализовано то, что мне нужно. В мобильном меню при открытии li, скроллит вниз, чтоб было видно полностью открытый список.
Хочу реализовать такое же. Написал простенький ...
2
голоса
1
ответ
1k
показов
Вывод текста из input каждый раз на новую строку без удаления предыдущей
Всем привет.
Помогите, пожалуйста, подправить код. Сейчас после нажатия на кнопку каждое слово из input выводится в отдельный li, при этом после повторного нажатия текст из li удаляется. Необходимо ...
1
голос
1
ответ
358
показов
Обращение к элементам через псевдоклассы
Элементов родительского списка может быть бесконечное множество. Моя задача сделать код универсальным, убрав из html классы и обратиться к элементам через псевдоклассы CSS.
Я добралась до всех, кроме ...
0
голосов
1
ответ
59
показов
Разделить тексты по центру
Хотел вкладки поставить по центру, и поставил каким-то чудом. Но тексты теперь слипнулись, и нужно отдельно поставить, и никак не получается этого сделать.
И почему-то точки появляются, после того, ...
2
голоса
2
ответа
211
показов
Как с помощью PHP трансформировать Json данные в маркированный список HTML с помощью тегов <ul> и <li>?
Имеется следующая Json структура.
{
"menu": [
{
"level": "2"
},
{
"level": "2"
},
{
"level": "2"
},
{
"level": "3"
},
{
"level": "3"...
0
голосов
0
ответов
81
показ
Вставить <span> в li через метод insertAdjacentHTML
Судя по всему не проходит проверка
if (event.target.tagName != "SPAN") return;
видимо spanы не проставляются...
let ul = document.getElementById("tree");
let lis = document.querySelectorAll("...
0
голосов
2
ответа
1k
показов
Размер кастомных иконок спиков css
Существует некий список, в котором обязательно нужны кастомные иконки, сделал их через list-style-image: url(../img/gearwheel.png);, все работает, но иконки слишком большие, как их уменьшить?
Как ...
0
голосов
0
ответов
36
показов
Помогите с ширеной меню на сайте
помогите пожалуйста с меню, нужно что бы на всех экранах оно было равно ширине 70% то есть на всю область сайта.
Как можно это реализовать ?? давать новые классы дополнительным ul ??
http://www....
0
голосов
1
ответ
271
показ
Проверить на наличие li в ul
Я пытаюсь сделать таймер на JS, и сейчас я пытаюсь сделать добавление таймера. Я хочу сделать, чтобы перед добавлением элемента, шла проверка на наличие такой строки в ul. Подскажите, как это сделать.
...
0
голосов
1
ответ
287
показов
Сделать жирным определённый текст в <ul><li> посредством css :first-child
Хотелось бы узнать, есть ли какой-нибудь универсальный метод, как задать :first-child именно для определённого элемента автоматически. Может есть что-то более удобное, нежели написывать каждый раз ...
2
голоса
1
ответ
23
показа
Добавление class
Есть такой список в котором при выборе пункта переводит на другую страницу. Задача что бы при переходе на другую страницу в пункте меню оставался выбраный пункт.
$.fn.ulSelect = function() {
...
1
голос
2
ответа
32
показа
Помещение последнего элемента списка на первое место при уменьшении ширины окна
Есть список в котором при определенной ширине окна нужно поледний элемент поставить на первое место. Делаю это так :
if ($(window).width() < 500) {
$('.header_bar').prepend($('.header_bar ...
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 {
...
0
голосов
1
ответ
131
показ
Сворачивание элементов по клику jQuery
Есть простой список
<ol id="commentlist">
<li class="comment byuser">
Comment 1
<ul class="children">
<li>Subcomment 1.1</li>
...
6
голосов
1
ответ
316
показов
Нумерованый список и под список
Есть нумерованный список который начинается с "1". Нужно сделать так чтобы под список начинался с цифры- с которой начинается родительский элемент.
Возможно ли сделать такое средствами css без js?
...
3
голоса
1
ответ
46
показов
Не понимаю поведения класса при добавлении к нему ul
В заголовке сформулировал вопрос.
Пример кода - jsfiddle
body {
background-color: lavender;
}
.icons_main_class {
list-style: none;
margin: 0;
padding: 0;
margin-right: 10px;
...
0
голосов
1
ответ
59
показов
Проблема позиционирования списка
Подскажите, пожалуйста, почему список прижимается к нижней границе родительского элемента, поднимается вверх при добавлении новой строчки и как все-таки прижать к верхней границе?
.footer {
...
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;
...
0
голосов
3
ответа
4k
показов
список в несколько рядов и несколько строк
Приветствую
У меня есть список <ul></ul>, содержащий значительное число <li></li> элементов.
Хочу добиться того, чтоб они были выведены в несколько строк и несколько столбцов,...
-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-...
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>
&...
2
голоса
2
ответа
3k
показов
Как правильно в CSS обратиться к элементам неупорядоченного списка?
Есть блок (.block) с неупорядоченным списком внутри. Как правильно в CSS обратиться к элементам списка этого блока:
.block ul li {…} или .block li {…}?
И так, и так — всё действует. Но как же ...
1
голос
1
ответ
110
показов
из списка dropdown-ul отобразить выбранный пункт выпадающего списка сбоку
Прошу помочь вывести выбранный пункт из выпадающего списка рядом с .dropdown-toggle.
$(".dropdown-toggle").click(function() {
$(".dropdown-menu").toggleClass('open');
});
.dropup {
...
0
голосов
0
ответов
198
показов
Как реализовать многоуровневое меню больше двух уровней
Делаю меню. Подскажите как реализовать меню с тремя или четырьмя уровнями чтобы при нажатии на пункт открывался следующий блок а другие пункты закрывались. Получилось реализовать только один блок ...
1
голос
1
ответ
277
показов
Сдвинуть li на высоту предыдущего открывающегося списка
Есть список ul li, в котором находится еще один список. Когда после отработки скрипта во вложенный список будут вноситься данные, он будет накладываться на следующий li и так далее. Как сделать, что ...
0
голосов
2
ответа
150
показов
Несколько дивов в строку в одном li
Есть ul li, в каждый li нужно помещать несколько дивов, выравнивая их в одну строку, про float: left; - знаю, но в данном случае это почему-то не сработало.
#list_quest{
float: left;
width: ...
0
голосов
1
ответ
3k
показов
Активировать бургер при клике по div js
Всем привет. Имеется бургер-меню, которое раскрывается при клике на сам бургер, который тоже меняет свою форму на вид крестика.
То есть при клике на .burger появляется к .menu добавляется класс .open....
1
голос
0
ответов
58
показов
Листалка списка jQuery. Как реализовать?
Подскажите кто знает как реализовать листание списка?
2
голоса
1
ответ
290
показов
<li> в 4 колонки или меньше [дубликат]
Хочу сделать div в котором будет ul с динамическим количеством колонок. Например как вот тут в главном меню - tonkosti.ru
Через что его делать? через css column-count + @media и просто для разной ...
0
голосов
2
ответа
42
показа
Float li - одинаковый вертикальный отступ вместо наибольшего
Есть ul с такими стилями:
.li {
float: left;
margin-bottom: 10px;
}
.li:first {
clear: both;
}
Проблема в том, что если какой-то из li занимает больше места по вертикали, чем другие в строке, ...
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>...
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 ...
0
голосов
4
ответа
8k
показов
как выровнять все элементы 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 колонки внутри родительского контейнера. Казалось бы тривиальная задача, но правый список непонятно из-за чего съезжает ...