Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Przedszkole _ [PHP][CSS][HTML]Treść dokumentu w punktach i odstęp w nowej linii.

Napisany przez: Szunaj85 13.02.2020, 18:07:25

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. <http://december.com/html/4/element/li.html class="lista">a). to jest długi punkt pierwszy
  2. w tym zestawieniu.</http://december.com/html/4/element/li.html>
  3. <http://december.com/html/4/element/li.html class="lista">b). to jest długi punkt drugi
  4. w tym zestawieniu.</http://december.com/html/4/element/li.html>
  5. <http://december.com/html/4/element/li.html class="lista">c). to jest długi punkt trzeci
  6. w tym zestawieniu.</http://december.com/html/4/element/li.html>

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.

Napisany przez: trueblue 13.02.2020, 18:17:37

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.

Napisany przez: Szunaj85 15.02.2020, 14:12:35

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)