Dotaz: CSS odsazeni pres BR

[Leoš Literák]

Ahoj,

puvodni plan nahrazovat prazdny radek dvojici znacek BR jsme na posledni chvili zmenili na <BR class="separator">. Robertovi se totiz zdala mezera mezi odstavci moc velka. V CSS jsem nastavil margin-bottom na 0.5 em, coz se jevilo funkcne. Napsal jsem migracni rutinu na stavajici data, spustil ji a zmenil tak statisice retezcu. Bohuzel az pak prisla od Roberta smska, ze toto reseni funguje pouze ve firefoxu, kdezto v IE, Konqueroru i Opere pres CSS nejde znacku BR stylovat.

Co ted? Napada nekoho z vas, zda preci jen neexistuje nejaky CSS trik, ktery z jednoho BR udela oddelovac odstavcu a to nejen ve firefoxu? Diky za vase napady.

Odpovědi

[razor]

Ahoj, pokud výška BR má být větší než jeden řádek, tak by snad mohlo pomoci nastavit styl např: line-height=1.5em. Zkoušel jsem to v Opera, Firefox, Konqueror. V IE nevím. Pokud ta výška má být menší než jeden řádek, tak to fungovat nebude.

[Robert Krátký]

Pokud ta výška má být menší než jeden řádek, tak to fungovat nebude.

To je právě ono.

[happy barney]

co takto ?
<div style="height:0.5em; width: 100%; clear: both; display: block"></div>

[Robert Krátký]

To by sice šlo a samozřejmě nás to napadlo (a úplně by stačila ta definice výšky), ale jako nástroj pro oddělení odstavců/zalomení řádků mi to připadá nechutné a nevhodné...

[happy barney]

nechutné to je, to súhlasím.
Ďalšie riešenie: nahrádzať za sekvneciu </p><p class="xyz">, a celý príspevok obaliť do <p> (popr použiť div).

[Josef Kufner]

Jediná možnost je předefinovat br z inline na block a nastavit mu, co je potřeba:

br.separator {
    display: block;
    margin-bottom: 1ex;
}

Pokud to nezabere, máš smůlu.

Raději bych to ale nahradil za </p><p> a následně prohnal přes tidy.

[Leoš Literák]

Nasazeno <p class="separator"></p>. Neni to pekne, ale bohuzel, nic lepsiho nemam. Jtidy je mrtvola, jine html cleanery tebou navrzenou primitivni chybu nedokazaly opravit.

[Josef Kufner]

Pozor na to, že <p> nelze v html vnořovat. Vzhledem k tomu, že <p> nemá povinný ukončovací tag. A i logicky (sémanticky) to je blbost

[Josef Kufner]

Ta chyba vlastne chybou neni. Na vstupu je něco takovéhoto:

<p>Bla bla bla
 
lalala</p>

A po nahrazení prázdného řádku za "</p><p>" bude na výstupu toto:

<p>Bla bla bla
</p><p>
lalala<p>

Obojí je validní. Problém je, pokud obalující tag je div -- na to je ale potřeba to rozparsovat a znovu složit (proto tidy).

[Leoš Literák]

Jenze ty popisujes jeden jednoduchy pripad. Algoritmus musi fungovat za vsech okolnosti. Musi ignorovat PRE, okoli blokovych elementu (prazdny radek kolem UL, BLOCKQUOTE atd) a rozhodnout se spravne, zda text je novy odstavec bez blokoveho elementu ci ne. A ted si predstav, ze nekdo v v odstavci pouzije znacku I a pak se rozhodne, ze text je moc dlouhy a rozdeli jej na dva odstavce. Zde puvodne validni kod se po zasahu algoritmu stane nevalidnim kvuli prekrizenym tagum.

Jestli ma nekdo chut stravit nekolik tydnu ladenim nejruznejsich variant, ma moznost, zdrojaky abicka jsou GPL. Ja tuto ambici nemam.

[Josef Kufner]

Příští semestr mě čeká předmět "Programování v Javě", takže asi mám námět na semestrálku

Jinak na tenhle jednoduchý případ se to dá s pomocí XML parseru hravě převédst vždy

[Leoš Literák]

Tak se tesim na vysledek Doporucuji java knihovnu htmlparser, ulehci spoustu prace. Pak existuje treba tagsoap nebo htmlcleaner, ktere dokazi kus i nevalidniho HTML prevest na DOM. A pak uz je to jen o tom, spravne doplnit znacky P.

[petr_p]

Chceš tím říci, že není ani vyřešen převod na správně utvořené XHTML?

Dokud nebude tohle, tak nemá smysl řešit dělení strukturovaných textových uzlů, převod do e-mailového plain textu atd.

[Leoš Literák]

Samozrejme. Jaky ma smysl prosazovat XHTML, kdyz abicko je v HTML 4? Tva otazka by tedy mela znit, zda abicko donuti uzivatele psat HTML 4 validni kod a odpoved zni ano.

[petr_p]

Tak to jsem nepochopil, proč se tu lidé ohání tidy a podobnými udělátky.

Tak nějak jsem doufal, že v případě XHTML by bylo možné na všechny ty konverze udělat XSLT šablony a nemuset se tak trápit s vlastním parserem HTML. Řešení přes XSLT by totiž bylo nezávislé na ostatním kódu Abíčka. Takže by nebyl problém najít již nějaký ten konvertor hotový, nebo by jej mohl i někdo jiný udělat.

[happy barney]

Hmm, to máš pravdu, do takej hĺbky som sa nad tým nezamyslel. Takže vlastne to potrebuješ nahrádzať za sekvenciu, ktorá je validná všade kde <br> a neporuší validitu dokumentu. Napadá ma jedine nepekné riešenie využiť uzavretú prázdnu fontová značka (<b>, <i>, <u>, ...) s príslušným class

[Leoš Literák]

Musel by jsi mit zasobnik otevrenych znacek a dle kontextu je pripadne nucene uzavrit a pak zase otevrit.

[happy barney]

nemusel, HTML podporuje ich vnáranie, t.j. <br><br> nahradiť za <u class="xyz"></u> ... rovnaké riešenie ako už odznelo s div-om.

[Jirka P]

A proč to tak neudělat? To by nemělo být těžké.

Samozřejmě je nutné napřed ujasnit, co to přesně má dělat.

[Leoš Literák]

Uz jsem to tu psal, ze tech kombinaci je milion a je snadne to zvorat. Ja do toho nejdu, neni to pro mne priorita. Zdrojaky jsou k dispozici, je to open source, muzete si pohrat, mate-li cas. Jen bych pred zaclenenim zadal videt kvalitni unit test pokryvajici sirokou bazi runzych HTML snippetu.

[ʚĭɞ 🍉]

Je to dost nesémantické...