Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP][CSS][HTML]Treść dokumentu w punktach i odstęp w nowej linii.
Szunaj85
post 13.02.2020, 18:07:25
Post #1





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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


Witam,

Na mojej stronie część treści umieściłem w znacznikach <li> czyli normalnie punktuję sobie jakąś treść. Czy to za pomocą liter, kresek, kropek, itp.

  1. <li class="lista">a). to jest długi punkt pierwszy
  2. w tym zestawieniu.</li>
  3. <li class="lista">b). to jest długi punkt drugi
  4. w tym zestawieniu.</li>
  5. <li class="lista">c). to jest długi punkt trzeci
  6. w tym zestawieniu.</li>

Problem polega na tym, że te punkty nie zawierają w sobie powiedzmy dwóch słów, ale wiele zdań przez co gdy treść przechodzi do nowej linii znajduje się bezpośrednio pod znacznikiem określającym, który to punkt. Nie wygląda to ładnie (W niższych liniach musi być odstęp). Próbowałem to rozwiązać za pomocą stylów i ręcznie ucinać treść po jakimś tam słowie a w następnej linii utworzyć mały margines od lewej. Połowicznie to działa, ale wszystko zależy od rozdzielczości użytkownika.
Przy mniejszych rozdzielczościach słowa ucinane są wcześniej, ponieważ jest mniej miejsca na tekst. Przy większych później.
Jak można to rozwiązać? Jeśli nie za pocą stylów, może być rozwiązanie w PHP.

Ten post edytował Szunaj85 13.02.2020, 18:08:33


--------------------
Jeśli Ci pomogłem wciśnij Jeśli mi pomożesz wcisnę
Go to the top of the page
+Quote Post
trueblue
post 13.02.2020, 18:17:37
Post #2





Grupa: Zarejestrowani
Postów: 5 799
Pomógł: 1598
Dołączył: 11.03.2014

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


text-indent ustawiasz na wartość ujemną, margin-left na identyczną, dodatnią. Jakieś 1em.

P.S. Wiesz, że kropki można zamienić na numerację literową?
P.P.S. Dodawanie tej samej klasy do elementu listy nie ma kompletnie sensu. Dodaj klasę do nadrzędnego tagu.
P.P.P. A gdzie w ogóle jest tag <ul>? Przy domyślnym stylowaniu, tj.: list-style-position: outside bez problemu linijki powinny równać do lewej krawędzi.

Ten post edytował trueblue 13.02.2020, 18:52:11


--------------------
Go to the top of the page
+Quote Post
Szunaj85
post 15.02.2020, 14:12:35
Post #3





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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


Cytat(trueblue @ 13.02.2020, 18:17:37 ) *
text-indent ustawiasz na wartość ujemną, margin-left na identyczną, dodatnią. Jakieś 1em.
Dziękuję tego szukałem.
Cytat(trueblue @ 13.02.2020, 18:17:37 ) *
P.P.S. Dodawanie tej samej klasy do elementu listy nie ma kompletnie sensu. Dodaj klasę do nadrzędnego tagu.
Słusznie.
Cytat(trueblue @ 13.02.2020, 18:17:37 ) *
P.P.P. A gdzie w ogóle jest tag <ul>? Przy domyślnym stylowaniu, tj.: list-style-position: outside bez problemu linijki powinny równać do lewej krawędzi.
Tutaj go nie wstawiłem, ale odnalazł się w kodzie. smile.gif


--------------------
Jeśli Ci pomogłem wciśnij Jeśli mi pomożesz wcisnę
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: 4.04.2020 - 19:22