Bekezdések tipográfiája

Kategóriák

A napokban kicsit állítottam a honlap tipográfiáján: növeltem a sorközt, áttértem behúzásos bekezdésjelölésre.

Az még viszonylag ismert szabály, hogy behúzni csak bekezdést közvetlenül követő bekezdést kell – ennek a megoldására kiváló a p + p {text-indent: 2em;} CSS-szabály.

Kevésbé ismert az a szokás, hogy ha egy egysoros bekezdést tompán (behúzás nélkül) szedünk a fenti okból, akkor a következő bekezdést is tompán szedjük.

Nos, erre nem találtam szép megoldást a böngészők által támogatott módszerek között. Egyetlen, viszonylag hosszadalmasan megvalósítható ötletem van.

Minden olyan elemre, melynek van közvetlen <p /> gyermeke,

  1. lemásolom az első ilyet,
  2. abszolút pozicionálom mondjuk a jobb alsó sarokba,
  3. elrejtem,
  4. tartalmát „Áj”-re módosítom. (Ennél lényegesen magasabb sor nem adódhat, törési hely nincs benne.)
  5. Ezen bekezdés magasságát pixelben lemérem.
  6. Törlöm az próbaelemet.
  7. Az elem összes bekezdését megvizsgálom, hogy nagyobbak-e a fenti méret másfélszeresénél.
  8. Ha nem, és az őket megelőző bekezdés előtt nem bekezdés áll, kapnak egy osztályt.

Te hogy oldanád meg?

CsatolmányMéret
Illusztráció97.48 KB

Én csak azt nem értem, hogy mit tesz az, hogy egy bekezdés „egysoros”?

Ezt én értem, de a weben nincs ilyen. Ha explicit sort törsz, akkor sem. Megváltoztatom a betűméretet, eresesben olvaslak satöbbi. Vagy te milyen módszert ismersz annak eldöntésére, hogy éppen hányadik szónál töri új sorba a milyen böngésző az adott mondatot?

slink: Éppen ez volt a kérdés, hogy hogyan, és le is írtam egy lehetséges – valószínűleg kis hibával működő – megoldást. Nyilván az rss-re a css-em sem vonatkozik, ott már a text-indentet és a bekezdésközt sem tudom meghatározni.

Hozzászólás

A mező tartalma nem nyilvános.
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
  • Az e-mail címek reCAPTCHA Mailhide módszerrel vannak elrejtve.

További információ a formázási lehetőségekről