Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS][HTML]Treść dokumentu w punktach i odstęp w nowej linii.
Forum PHP.pl > Forum > Przedszkole
Szunaj85
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.
trueblue
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.
Szunaj85
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
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.