Re: [css-d] Synchronized paragraphs in adjacent columns
Thanks for all the tips. You asked the same question about the same site around a year ago, and received an appropriate answer from Georg Sortun on how to make corresponding paragraphs begin on the same line. Check the list archives. Ow! I had completely lost track of that. Thanks. I wanted to consult the archives today. At http://css-discuss.org/policies.html there is a menu item 'Archives', but it is blind, not a link. I have no idea why I seem to be serving the page as UTF-8. I have no meta-statement declaring the character encoding. Is it a question of what my editor stores? Typography: rivers and lakes are the gaps that run down the text-block. If you do not see them, view your entire page from top to bottom at +4 or +5. The correction for the Web is not to justify the type. In other words, set it flush left/scatter right. It looks all right to me at screen widths of 1152 or more. scatter right does not look very good. However, I will not be able to justify the German text. It has so many long words, that it does not look good when justified at this column width. Even if this may be regarded as tabular data, the table-solution does not degrade gracefully when the screen width is decreased. That's why I am investigating the CSS possibilities. It is not a question of religion. Cheers Bruce __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
bruce.som...@web.de wrote: Thanks for all the tips. You asked the same question about the same site around a year ago, and received an appropriate answer from Georg Sortun on how to make corresponding paragraphs begin on the same line. Check the list archives. Ow! I had completely lost track of that. Thanks. I wanted to consult the archives today. At http://css-discuss.org/policies.html there is a menu item 'Archives', but it is blind, not a link. I think you want the link adjacent to archives-- public: http://archivist.incutio.com/viewlist/css-discuss/ ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Synchronized paragraphs in adjacent columns
Hello, At http://www.maireadnesbitt.com/press/press8a.html I have an article in French and my English translation, in adjacent columns. Corresponding paragraphs of the original and the translation begin on the same line, although the paragraphs are usually of different lengths. This was done in 2002 -- brace yourselves now -- using tables. I now have more translations to display. I am not far enough along to figure out how to do this with CSS. It doesn't appear to me that any sort of list will do the trick. I can, of course, be wrong. I hope that someone will have a suggestion for me. Bruce __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
On Mon, 1 Feb 2010, bruce.som...@web.de wrote:
Hello,
At http://www.maireadnesbitt.com/press/press8a.html I have an article in
French and my English translation, in adjacent columns.
Corresponding paragraphs of the original and the translation begin on the
same line, although the paragraphs are usually of different lengths. This was
done in 2002 -- brace yourselves now -- using tables.
I now have more translations to display. I am not far enough along to figure
out how to do this with CSS. It doesn't appear to me that any sort of list
will do the trick. I can, of course, be wrong.
Try something like this:
p.eng {
clear: both;
width: 35%; /* adjust to taste */
float: left;
}
p.fr {
margin-left: 37%;
}
And fix the character encoding; you are serving the page as UTF-8, but the
character encoding is something else (ISO-8859-1?):
http://cfaj.freeshell.org/testing/nesbitt.jpg
--
Chris F.A. Johnson http://cfajohnson.com
===
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
In this case, using a table is justified. There is a relationship between
the English paragraph and it's French translation, therefore putting them in
a table row is semantically correct.
On Mon, Feb 1, 2010 at 8:33 PM, Chris F.A. Johnson ch...@cfajohnson.comwrote:
On Mon, 1 Feb 2010, bruce.som...@web.de wrote:
Hello,
At http://www.maireadnesbitt.com/press/press8a.html I have an article in
French and my English translation, in adjacent columns.
Corresponding paragraphs of the original and the translation begin on the
same line, although the paragraphs are usually of different lengths. This
was done in 2002 -- brace yourselves now -- using tables.
I now have more translations to display. I am not far enough along to
figure out how to do this with CSS. It doesn't appear to me that any sort of
list will do the trick. I can, of course, be wrong.
Try something like this:
p.eng {
clear: both;
width: 35%; /* adjust to taste */
float: left;
}
p.fr {
margin-left: 37%;
}
And fix the character encoding; you are serving the page as UTF-8, but
the character encoding is something else (ISO-8859-1?):
http://cfaj.freeshell.org/testing/nesbitt.jpg
--
Chris F.A. Johnson http://cfajohnson.com
===
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
I hope that someone will have a suggestion for me.
Brace yourself...
I actually think that this could be argued to be a legitimate use of tables to
display tabular data. It's certainly not tabular data in the tradition
spreadsheet sense, but it is data that corresponds to other data arranged
logically in columns and rows.
But, it is pretty easy to do this with CSS.
Styled something like:
p[lang=en_US] {
clear: both;
float: left;
width: 49%;
}
p[lang=fr] {
float: right;
width: 49%;
}
---Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
Climis, Tim wrote:
I hope that someone will have a suggestion for me.
Brace yourself...
I actually think that this could be argued to be a legitimate use of tables
to display tabular data. It's certainly not tabular data in the tradition
spreadsheet sense, but it is data that corresponds to other data arranged
logically in columns and rows.
But, it is pretty easy to do this with CSS.
Styled something like:
p[lang=en_US] {
clear: both;
float: left;
width: 49%;
}
p[lang=fr] {
float: right;
width: 49%;
}
---Tim
And ditch the rivers.
~d
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
Von: Climis, Tim tcli...@indiana.edu
I hope that someone will have a suggestion for me.
Brace yourself...
I actually think that this could be argued to be a legitimate use of tables
to display tabular data. It's certainly not tabular data in the tradition
spreadsheet sense, but it is data that corresponds to other data arranged
logically in columns and rows.
But, it is pretty easy to do this with CSS.
Styled something like:
p[lang=en_US] {
clear: both;
float: left;
width: 49%;
}
p[lang=fr] {
float: right;
width: 49%;
}
---Tim
Ah well, tabular is scarcely limited to spreadsheets, except perhaps in the
PC-world.
Thanks for the several hints on displaying two adjacent columns, which I have
digested.
I haven't recognized at any rate, an idea on how to make corresponding
paragraphs begin on the same line.
Bruce
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
bruce.som...@web.de wrote: And ditch the rivers. ~d Sorry. I don't understand rivers. Bruce re: http://www.maireadnesbitt.com/press/press8a.html Typography: rivers and lakes are the gaps that run down the text-block. If you do not see them, view your entire page from top to bottom at +4 or +5. The correction for the Web is not to justify the type. In other words, set it flush left/scatter right. CSS text-align: left; -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
Von: Climis, Tim tcli...@indiana.edu
I hope that someone will have a suggestion for me.
Brace yourself...
I actually think that this could be argued to be a legitimate use
of tables to display tabular data. It's certainly not tabular data
in the tradition spreadsheet sense, but it is data that corresponds
to other data arranged logically in columns and rows.
But, it is pretty easy to do this with CSS.
Styled something like:
p[lang=en_US] {
clear: both;
float: left;
width: 49%;
}
p[lang=fr] {
float: right;
width: 49%;
}
---Tim
Ah well, tabular is scarcely limited to spreadsheets, except
perhaps in the PC-world.
Thanks for the several hints on displaying two adjacent columns,
which I have digested.
I haven't recognized at any rate, an idea on how to make
corresponding paragraphs begin on the same line.
Bruce
This may be a crazy suggestion, but in my mind a definition list (dl,
dt, dd) wouldn't be out of the question since there is a relationship
between the texts (one translates into the other). A little float:
left action, set width for dt and dd, and some clearing would allow
you to both columnize and get the paragraphs to line up.
http://www.maxdesign.com.au/articles/definition/
One downside is that block elements aren't allowed in the dt element,
according to the standard. You'd either have to avoid paragraph tags,
etc, or damn the standards.
Jesse
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
bruce.som...@web.de wrote:
Von: Climis, Tim tcli...@indiana.edu
I hope that someone will have a suggestion for me.
Brace yourself...
I actually think that this could be argued to be a legitimate use of tables
to display tabular data. It's certainly not tabular data in the tradition
spreadsheet sense, but it is data that corresponds to other data arranged
logically in columns and rows.
But, it is pretty easy to do this with CSS.
Styled something like:
p[lang=en_US] {
clear: both;
float: left;
width: 49%;
}
p[lang=fr] {
float: right;
width: 49%;
}
---Tim
Ah well, tabular is scarcely limited to spreadsheets, except perhaps in the
PC-world.
Thanks for the several hints on displaying two adjacent columns, which I have
digested.
I haven't recognized at any rate, an idea on how to make corresponding
paragraphs begin on the same line.
Bruce
You asked the same question about the same site around a year ago, and
received an appropriate answer from Georg Sortun on how to make
corresponding paragraphs begin on the same line.
Check the list archives.
~d
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Synchronized paragraphs in adjacent columns
This may be a crazy suggestion, but in my mind a definition list (dl, dt, dd) wouldn't be out of the question You'd either have to avoid paragraph tags, etc, or damn the standards. I had the same thought, but decided not to damn the standards. So I suggested the paragraph solution instead. ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
