HTML: Как создать нумеровать индекс

Можно создать дубликат:
Number nested ordered lists in HTML
HTML: ordered sublists HTML: Как создать нумеровать индекс

Я хочу, чтобы создать нумеровать индекс:

1,0

1.1

1.1.1

1.1.2

1.1.3

1,2

2,0

2,1

2,2

Что является лучшим способом т o сделать это? ul, ol?

<ul> 
<li><span>1.0</<span>First entry</li> 
<li><span>1.1</<span>Second entry</li> 
</ul>

источник

2012-03-29 bodokaiser

посмотрите на свой первоначальный вопрос вы писали немного раньше. Я ответил на это. – ScottS

@ScottS: что заставляет вас думать, что это тот же самый пользователь, стоящий за обоими вопросами? Они очень симпатичны, да; но это может быть просто совпадением. –

@ DavidThomas - потому что это же номер пользователя (user1246987) :-) – ScottS

Вам не нужны пролеты, если вы explisitly не хотите, чтобы пометить его как-то, для укладки и т.д ... Что вы сделали швы отлично, если не нужно, чтобы сделать что-то отличное от того, что он делает Теперь. Если вы просто хотите, чтобы он перечислил 1, 2, 3 и т. Д., Вы можете использовать ol вместо ul.

источник

2012-03-29 18:29:01

1,0 Первая запись
1,1 Второй элемент
1,2 Второй вход

Привет, да, я хотел бы использовать пролеты установить стилизации равный список в ола по умолчанию. Я решил использовать статическое решение, потому что динамика не кошерна в моих глазах :( – bodokaiser

То, что вы ищете, легко сделать с помощью css на счетчик-приращение. Вам больше не нужно писать номера.

Read here

источник

2012-03-29 18:31:28

Привет Вы можете сделать это я дать вам пример

CSS

body{ 
    counter-reset:section; 
} 
div{ 
    margin-top:10px;margin-left:10px; 
} 
.numercal { 
    counter-reset:subsection; 
    font-weight:bold; 
} 
.numercal:before{ 
    counter-increment:section; 
    content:"Section " counter(section) ". "; 
    font-style:italic; 
    color:red; 
} 
.numercal-no:before{ 
    counter-increment:subsection; 
    content:counter(section) "." counter(subsection) " "; 
}

HTML

<div> 
    <p class="numercal">Demo Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
</div> 


<div> 
    <p class="numercal">Demo Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
</div> 




<div> 
    <p class="numercal">Demo Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
</div>

Живая д Эмо click here http://jsfiddle.net/rohitazad/Xwm3C/1/

Теперь об этом больше идти на этот сайт http://reference.sitepoint.com/css/counter-increment

http://www.w3.org/wiki/CSS/Properties/counter-increment

источник

2012-03-30 11:36:26

HTML: Как создать нумеровать индекс

ответ

Смежные вопросы