Re: A better way to show interlinears

On 2/20/07, taliesin the storyteller <taliesin-conlang@...> wrote:
> I came across
> <http://arimah.beoch.net/misc/cen_theboywho_intlin.html> the other
> day. Notice how neither <table>'s nor <pre>'s have been used,
> and that (if your browser is new enough) if you resize the
> browser window, the interlinears will still fit on the line, no
> horizontal scrolling!
Very clever! Using floats to place only as many things as will fit on
the same line, and block display to position the elements beneath one
another.


On 2/21/07, Benct Philip Jonsson <conlang@...> wrote:
> What difference does
>
> :    .intlin .orig, .intlin .ipa, .intlin .bdn, .intlin
> :    .trans {display: block; margin: 2px 0;}
>
> make? I guess it is what makes everything lined up?
The "display: block" is responsible for making each bit show up in a
separate line, I believe.

> It is unreadable because it shows up like this
>
> :    Varcyracˈvarkʉrakvarc-y-racplace-inomsg-at
>
> with stylesheets turned off, but if you insert a <span>
>
> :    <span class="separator>; </span>
>
> at the end of each field <div> like this:
>
> :   <div>Varcyrac<span class="separator">; </span></div>
> :   <div>ˈvarkʉrak<span class="separator">; </span></div>
> :   <div>varc-y-rac<span class="separator">; </span></div>
> :   <div>place-INOMSG-at<span class="separator">; </span></div>
>
> and then set the style
>
> :   span.separator { display: none; }
>
> things will look like this with stylesheets turned off:
>
> :    Varcyrac; ˈvarkʉrak; varc-y-rac; place-INOMSG-at;
>
> but the semicolons and following spaces will not be visible when
> stylesheets are turned on!
Clever!

Cheers,
--
Philip Newton <philip.newton@...>

Reply