Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wcięcie od drugiej lini w wypunktowaniu
seen
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 13.01.2011

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
seen
post
Post #2





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 13.01.2011

Ostrzeżenie: (0%)
-----


Tak wygląda styl listy:

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;}



a sama lista już normalnie:

CODE
<div id="lista_b">
<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ą.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 29.12.2025 - 07:36