HTML
Вот код списка с подпунктами. Список легко настроить под себя!
Code
<ol class="rounded-list">
<li><a href="">Пункт списка</a></li>
<li><a href="">Пункт списка</a></li>
<li><a href="">Пункт списка</a>
<ol>
<li><a href="">Подпункт списка</a></li>
<li><a href="">Подпункт списка</a></li>
<li><a href="">Подпункт списка</a></li>
</ol>
</li>
<li><a href="">Пункт списка</a></li>
<li><a href="">Пункт списка</a></li>
</ol>
<li><a href="">Пункт списка</a></li>
<li><a href="">Пункт списка</a></li>
<li><a href="">Пункт списка</a>
<ol>
<li><a href="">Подпункт списка</a></li>
<li><a href="">Подпункт списка</a></li>
<li><a href="">Подпункт списка</a></li>
</ol>
</li>
<li><a href="">Пункт списка</a></li>
<li><a href="">Пункт списка</a></li>
</ol>
CSS
Code
ol{
counter-reset: li; /* Инициализация счетчика */
list-style: none; /* Удаляем нумерацию по умолчанию */
*list-style: decimal; /* Для IE6/7 используем нумерацию по умолчанию */
font: 15px 'trebuchet MS', 'lucida sans';
padding: 0;
margin-bottom: 4em;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ol ol{
margin: 0 0 0 2em; /* Добавляем небольшое поле слева для вложенного списка */
}
counter-reset: li; /* Инициализация счетчика */
list-style: none; /* Удаляем нумерацию по умолчанию */
*list-style: decimal; /* Для IE6/7 используем нумерацию по умолчанию */
font: 15px 'trebuchet MS', 'lucida sans';
padding: 0;
margin-bottom: 4em;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ol ol{
margin: 0 0 0 2em; /* Добавляем небольшое поле слева для вложенного списка */
}
Установка окончена!
примечание:
Уважаемый посетитель, скачивать материал могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
css, на, списки, разное, красивые
Пользователи/
» Скрипты для uCoz/
4359 /
0
html-cсылка на публикацию | |
BB-cсылка на публикацию | |
Прямая ссылка на публикацию |
Всего комментариев: 0 | |
Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.