Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Wcięcie od drugiej lini w wypunktowaniu
seen
post 23.11.2011, 12:00:58
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
Crozin
post 23.11.2011, 12:05:59
Post #2





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


Domyślam się, że chciałeś napisać:
Kod
1. tekst w pierwszej 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.
Go to the top of the page
+Quote Post
seen
post 23.11.2011, 12:20:03
Post #3





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

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


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.

Ten post edytował seen 23.11.2011, 12:41:22
Go to the top of the page
+Quote Post
Sephirus
post 23.11.2011, 12:46:34
Post #4





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

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


Pokaż trochę twojego kodu - bo powiem szczerze nie do końca kumam smile.gif


--------------------
If you're good at something, never do it for free.
Potrzebujesz skryptu JS lub PHP - szukasz kogoś kto przetestuje twoją aplikację pod względem bezpieczeństwa? Szybko i solidnie? Napisz ;)
Mój blog - Jak zwiększyć wydajność front-endu - O buforowaniu wyjścia w PHP słów kilka...
Go to the top of the page
+Quote Post
seen
post 23.11.2011, 14:09:40
Post #5





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

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

 



RSS Wersja Lo-Fi Aktualny czas: 20.06.2025 - 03:38