Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 1
Регистрация: 11.04.2016
Сообщений: 74
1

Список в длину с абсолютной позицией

23.02.2017, 09:01. Показов 925. Ответов 4
Метки нет (Все метки)

Мне необходимо сделать список в длину с абсолютной позицией.
Я могу сделать список в длину, но когда я делаю абсолютную позицию, то некоторые элементы сдвигаются и все пункты списка становятся наложенными друг на друга.
Мне нужно, чтобы он не двигал другие элементы и был с отступами.

CSS
1
2
3
4
5
6
7
.bok {
    display: inline-block;
    margin: 10px;
    position: absolute;
    left: ...;
    right: ...;
}
Даже когда я просто делаю список в длину, то все сдвигается. А когда я делаю еще абсолютную позицию, то все элементы списка (пункты) друг на друге.
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.02.2017, 09:01
Ответы с готовыми решениями:

Ценрованный блок с абсолютной позицией и автошириной по содержимому
Нужно разместить один блок(с абсолютной позицией) относительно другого так, чтобы в первом ширина...

<div> с абсолютной позицией и выносом вверх расширяет страницу в месте вставки
Приветствую! Вопрос по верстке. Попробовал несколько способов, но хоть теоретически они должны были...

Непонятки с позицией
Доброго времени суток! Имеется такой html и css код показывается только 1 из картинок а не все 3...

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

__________________
4
97 / 97 / 46
Регистрация: 21.03.2012
Сообщений: 378
23.02.2017, 09:34 2
Лучший ответ Сообщение было отмечено Joo2014 как решение

Решение

если я вас верно понял
структуру кода показывайте....
HTML5
1
2
3
4
5
6
7
8
<nav>
  <ul>
    <li>one</li>
    <li>tow</li>
    <li>three</li>
    <li>four</li>
  </ul>
</nav>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
nav {
  position: absolute;
  top: 30px;
  left: 50px;
}
ul {
  list-style: none;
}
li {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px;
}
1
0 / 0 / 1
Регистрация: 11.04.2016
Сообщений: 74
23.02.2017, 13:04  [ТС] 3
Спасибо огромное!

Добавлено через 40 минут
Всё-таки проблема. У меня все списки стали такими. А мне нужно изменить конкретный список. У меня их много.
0
97 / 97 / 46
Регистрация: 21.03.2012
Сообщений: 378
23.02.2017, 13:06 4
укажите класс nav или ul
HTML5
1
2
3
4
5
6
7
8
<nav class="myList">
  <ul>
    <li>one</li>
    <li>tow</li>
    <li>three</li>
    <li>four</li>
  </ul>
</nav>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
nav.myList {
  position: absolute;
  top: 30px;
  left: 50px;
}
.myList ul {
  list-style: none;
}
.myList ul li {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px;
}
1
0 / 0 / 1
Регистрация: 11.04.2016
Сообщений: 74
23.02.2017, 13:31  [ТС] 5
Сделал. Просто создал еще один класс и уже через него сделал позицию абсолютную.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.02.2017, 13:31

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

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

Выполнить суммирование членов бесконечного ряда до тех пор, пока последний член ряда по абсолютной величине не будет меньше абсолютной точности
1. Выполнить суммирование членов бесконечного ряда до тех пор, пока последний член ряда по ...

Проблемка с позицией модуля
на сайте http://www.autodom-ufa.ru/ вставил модуль YOOtoppanel, добавил позицию для него, всё вроде...

непонятки с позицией запроса
Ребята Всем привет! Есть запрос - &quot;встреча из роддома&quot; и есть страница продвигаемая по этому...


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

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

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