powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS, cписки. Меню со смещением.
9 сообщений из 9, страница 1 из 1
CSS, cписки. Меню со смещением.
    #39196247
black_height
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравствуйте.
Можно ли, и каким образом, сделать с помощью чистого css горизонтально расположенный список со смещением? т.е. в итоге чтобы получилось примерно так:
Код: html
1.
2.
3.
4.
          первый пункт
       второй какой-либо пункт
   здесь третий пункт
четвертый пункт здесь для полноты картины


Заранее благодарен.
...
Рейтинг: 0 / 0
CSS, cписки. Меню со смещением.
    #39196762
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
black_heightМожно ли, и каким образом, сделать с помощью чистого css горизонтально расположенный список со смещением?
Достаточно чистый ЦСС?

Код: html
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.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
#list > li:nth-child(1) {
	margin-left: 100px;
}
#list > li:nth-child(2) {
	margin-left: 80px;
}
#list > li:nth-child(3) {
	margin-left: 60px;
}
#list > li:nth-child(4) {
	margin-left: 40px;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<ul id="list">
	<li>Item1</li>
	<li>Item2</li>
	<li>Item3</li>
	<li>Item4</li>
</ul>
</body>
</html>
...
Рейтинг: 0 / 0
CSS, cписки. Меню со смещением.
    #39197238
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,

Класс!!! Спасибо! Об этих псевдоклассах я даже не подозревал.
...
Рейтинг: 0 / 0
CSS, cписки. Меню со смещением.
    #39197241
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ValGerОб этих псевдоклассах я даже не подозревал.
ШекспирЕсть многое на свете, друг Горацио, что и не снилось нашим мудрецам
...
Рейтинг: 0 / 0
CSS, cписки. Меню со смещением.
    #39197277
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,

Это точно!
;-))
...
Рейтинг: 0 / 0
CSS, cписки. Меню со смещением.
    #39201555
imballe1991
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
зачем jqery...можно же просто марджинами выровнять....
...
Рейтинг: 0 / 0
CSS, cписки. Меню со смещением.
    #39201718
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
imballe1991зачем jqery...
Где ты его увидел?
...
Рейтинг: 0 / 0
CSS, cписки. Меню со смещением.
    #39203426
imballe1991
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
да все, я понял уже, я лучше просто на UMI CMS все сделаю и все
...
Рейтинг: 0 / 0
CSS, cписки. Меню со смещением.
    #39204745
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
imballe1991я лучше просто на UMI CMS все сделаю и все
Лучше найди еще что-то посложнее, чего так мелочиться?
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS, cписки. Меню со смещением.
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]