Jak zdefiniować styl aby wypunktowanie ul miało w drugiej i w każdej następnej linii wcięcie.
Czyli żeby zamiast czegoś takiego:
1. tekst w pierwszej linii
tekst w drugiej linii
tekst w trzeciej linii
2. tekst w pierwszej linii
tekst w drugiej linii
tekst w trzeciej linii
otrzymać coś takiego:
1. tekst w pierwszej linii
tekst w drugiej linii
tekst w trzeciej linii
2. tekst w pierwszej linii
tekst w drugiej linii
tekst w trzeciej linii
Proszę o pomoc.
Pełna wersja: Wcięcie od drugiej lini w wypunktowaniu
Domyślam się, że chciałeś napisać:
Kod
1. tekst w pierwszej linii
tekst w drugiej linii
tekst w trzeciej linii
tekst w drugiej linii
tekst w trzeciej linii
Kod
1. tekst w pierwszej linii
tekst w drugiej linii
tekst w trzeciej linii
Zainteresuj się właściwością list-style-position.
tekst w drugiej linii
tekst w trzeciej linii
Tak dokładnie o takie wcięcia mi chodzi.
Tylko muszę zaznaczyć, że do zrobienia numeracji wykorzystuje content: counters(licznik, " ") ze względu, że muszę mieć numerację 1, 1a, 1b, 2, 2a i chyba w tym przypadku chyba list-style-position nie zadziała.
Czyli właściwie chodzi o metodę zrobienia wcięcia od drugiej linii w dowolnym tekście.
Tylko muszę zaznaczyć, że do zrobienia numeracji wykorzystuje content: counters(licznik, " ") ze względu, że muszę mieć numerację 1, 1a, 1b, 2, 2a i chyba w tym przypadku chyba list-style-position nie zadziała.
Czyli właściwie chodzi o metodę zrobienia wcięcia od drugiej linii w dowolnym tekście.
Pokaż trochę twojego kodu - bo powiem szczerze nie do końca kumam 
Tak wygląda styl listy:
a sama lista już normalnie:
tylko w ten sposób udało mi się uzyskać numerację typu: 1, 2, 2a.
Ale nie wiem jak zrobić wcięcia od drugiego wiersza w każdym li.
Już sobie poradziłem za pomocą parametru text-indent z wartością ujemną.
CODE
/* pierwszy poziom 1. */
#lista_b ol {counter-reset:licznik_1 licznik_1a; padding-left:0px; list-style-position:outside;}
#lista_b ol li {list-style-type:none; padding-left:10px;}
#lista_b ol li:before {content: counters(licznik_1, " ") ". "; counter-increment:licznik_1;}
/* pierwszy poziom poziom 1a. 1b. 1c. */
#lista_b div.clear{counter-reset:licznik_1a;}
#lista_b ol li.abc {list-style-type:none; padding-left:10px;}
#lista_b ol li.abc:before {content:counter(licznik_1) counter(licznik_1a, lower-alpha) ". "; counter-increment:licznik_1a;}
#lista_b ol {counter-reset:licznik_1 licznik_1a; padding-left:0px; list-style-position:outside;}
#lista_b ol li {list-style-type:none; padding-left:10px;}
#lista_b ol li:before {content: counters(licznik_1, " ") ". "; counter-increment:licznik_1;}
/* pierwszy poziom poziom 1a. 1b. 1c. */
#lista_b div.clear{counter-reset:licznik_1a;}
#lista_b ol li.abc {list-style-type:none; padding-left:10px;}
#lista_b ol li.abc:before {content:counter(licznik_1) counter(licznik_1a, lower-alpha) ". "; counter-increment:licznik_1a;}
a sama lista już normalnie:
CODE
<div id="lista_b">
<ol>
<li>tekst</li>
<li>tekst</li>
<li class="abc">tekst</li>
</ol>
</div>
<ol>
<li>tekst</li>
<li>tekst</li>
<li class="abc">tekst</li>
</ol>
</div>
tylko w ten sposób udało mi się uzyskać numerację typu: 1, 2, 2a.
Ale nie wiem jak zrobić wcięcia od drugiego wiersza w każdym li.
Już sobie poradziłem za pomocą parametru text-indent z wartością ujemną.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.