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


Заранее благодарен.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2016, 09:36
    #39196762
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS, cписки. Меню со смещением.
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
| Ответить | Цитировать | Написать  
21.03.2016, 15:22
    #39197238
ValGer
ValGer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS, cписки. Меню со смещением.
krvsa,

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

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


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