Форум программистов, компьютерный форум, киберфорум
PHP для начинающих
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
0 / 0 / 0
Регистрация: 23.03.2017
Сообщений: 12
1

Маркированный многоуровневый список

06.12.2018, 11:54. Показов 1346. Ответов 7
Метки нет (Все метки)

нужно сделать чтобы маркеры были в одну линию, но с отступами как маркированный список, у меня не получается, маркер смещается вместе со списком.Должно получится как на фото,пожалуйста помогите!!!


PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?php 
for ($i=1; $i<=10; $i++) {
    echo "<li>"; 
    echo "Item".$i; 
    echo "</li>";
 
    echo "<ul>";
        echo "<li>"; 
        $i++;
        echo "Item".$i; 
        echo "</li>";
    echo "</ul>";
 
 
    echo "<ul>";
    echo "<ul>";    
        echo "<li>"; 
        $i++;   
        echo "Item".$i; 
        echo "</li>";
 
    echo "</ul>";
    echo "</ul>";
} 
?>
0
Миниатюры
Маркированный многоуровневый список  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
06.12.2018, 11:54
Ответы с готовыми решениями:

Маркированный список
Народ помогите вывести массив в маркированный список, а только постигаю пхп и не могу понять как...

Сформировать маркированный список из массива.
Здравствуйте, вот начинаю постигать php. Вот хотелось бы узнать по больше про маркированные списки...

Вытаскиваю многоуровневый список и БД. Скорость страницы не радует
Список 4-х уровневый, беру его из базы. Из-за этого увеличивается ожидание страницы. Решил пока что...

многоуровневый список
каталоге на сервере содержатся файлы и папки. Нужно построить дерево каталогов в виде...

__________________

Записывайтесь на профессиональные курсы Fullstack-разработчиков на PHP‌
7
502 bad gateway
Эксперт PHP
4519 / 3677 / 1541
Регистрация: 24.04.2014
Сообщений: 10,817
06.12.2018, 12:02 2
В разделе по html/css больше шансов получить ответ на этот вопрос
0
133 / 118 / 34
Регистрация: 04.04.2018
Сообщений: 577
06.12.2018, 13:58 3
lom25,
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
for ($i=1; $i<=10; $i++) {
     
    $li .= "<li> Item".$i ."</li>";
 
        $i++;
          if($i < 10){
                 $li .= "<li>&nbsp;Item".$i ."</li>";
            }
            else{
                break;          
            }
                $i++;
           if($i < 10){
                  $li .= "<li>&nbsp;&nbsp;Item".$i ."</li>";
            }
            else{
                break;          
            }
 
} 
  echo "<ul>".$li."</ul>";
  
 ?>
Добавлено через 8 минут
Похоже я не так ответил, Вы хотите чтобы при клике на 1 выпадал потом второй, при клике или наведении на второй, выпадал третий?
0
502 bad gateway
Эксперт PHP
4519 / 3677 / 1541
Регистрация: 24.04.2014
Сообщений: 10,817
06.12.2018, 17:57 4
u4en1k, как я понял ТС хочет вложенные списки с отступами, но при этом все маркеры на одном уровне
0
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
06.12.2018, 19:31 5
Вложить внутрь li другой элемент, в который поместить текст, и задать ему margin-left

HTML5
1
2
3
4
5
<ul>
   <li>One</li>
   <li><span>two</span></li>
   <li>Three</li>
</ul>
CSS
1
2
3
span {
   margin-left: 10px;
}
0
0 / 0 / 0
Регистрация: 23.03.2017
Сообщений: 12
10.12.2018, 09:22  [ТС] 6
а как объявить переменную $li
0
133 / 118 / 34
Регистрация: 04.04.2018
Сообщений: 577
16.12.2018, 03:54 7
lom25, ее не надо объявлять, она уже получается объявлена. Задачу по поподробней задайте, я напишу Вам код.
0
0 / 0 / 0
Регистрация: 23.03.2017
Сообщений: 12
17.12.2018, 10:10  [ТС] 8
Когда я вставляю ваш код пишет что нужно объявить переменную li, когда список выводит так как мне нужно
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
17.12.2018, 10:10

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Маркированный список
Как сделать цвет маркера и цвет заголовков разными например: &lt;ul&gt; ...

Маркированный список
Доброго всем времени суток! Делаю aside из маркированного списка,пункты в нем будут постепенно...

Маркированный список с изображениями
Создать новый html-документ. Используется маркированный список (&lt;ul&gt;..&lt;/ul&gt;), в качестве маркера...

Не отображается маркированный список
Всем привет! У меня проблема. На странице...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.