оформяне на текст с html

[dunix]

Здравейте,
Правя

<ol type="1">
	<li>
		List Item 1
		<ol>
			<li>
				Nested Item 1.1
			</li>
			<li>
				Nested Item 1.2
			</li>
		</ol>
	</li>
	<li>
		List Item 2
	</li>
</ol>

Та въпроса ми е как да се покаже "Nested Item 1.1" и "Nested Item 1.2" номерата отпед да са 1.1 и 1.2?
Ето така да се получи:

Надявам се да сте ме разбрали

 

[kikity_94]

Ето така се прави

<ol>
	<li>Text
		<ol>
			<li>Text</li>
			<li>Text</li>
			<li>Text</li>
			<li>Text</li>
		</ol>
	</li>
	<li>Text</li>
	<li>Text</li>
	<li>Text</li>
</ol>

Но да стане 1.1 1.2 не мога да ти кажа нека някой друг да си каже мнението
Там няма да участва само html поне аз така си мисля, ще има намеса на JS, PHP

 

[dunix]

Да, но не ги подрежда със 1.1, 1.2, 1.3, а само 1, 2, 3

 

[kikity_94]

Не прочете ли ко съм написал под кода

 

[lub4o]

Мисля, че няма такъв type, но все пак прегледай ТУК

Според мен или ръчно ще трябва да ги пишеш или php or js

 

[Fakeheal]

http://jsfiddle.net/kyjhW/

ol[type="1"] {counter-reset:outer 0}
ol[type="1"] > li {counter-increment:outer}
ol[type="1"] ol {counter-reset:inner 0}
ol[type="1"] ol > li {list-style:none; counter-increment:inner}
ol[type="1"] ol > li::before {content:counter(outer) "." counter(inner)}

 

[dunix]

http://jsfiddle.net/kyjhW/

ol[type="1"] {counter-reset:outer 0}
ol[type="1"] > li {counter-increment:outer}
ol[type="1"] ol {counter-reset:inner 0}
ol[type="1"] ol > li {list-style:none; counter-increment:inner}
ol[type="1"] ol > li::before {content:counter(outer) "." counter(inner)}

+1 Благодаря!

 

[adrian]

Само имай предвид, че само с css (по този начин) губиш IE6 и 7. Не е голяма загуба, но ако искаш и там да е наред ти трябва js

 

[baraban]

Нещо отговора не го разбрах.
Пише "Благодаря", значи работи. Ама как?