2011-11-24 5 views
2

J'essaye de créer une page qui a la traduction tchèque d'un texte fonctionnant en parallèle avec le texte anglais original. J'ai les deux textes dans un état presque fini. Mais je ne suis pas sûr de savoir comment les mettre côte à côte, afin qu'ils fonctionnent en parallèle. (Je pense que ce serait trop insister sur le fait que chaque paragraphe commencent au même endroit horizontal dans les deux langues, mais je pense qu'il est une bonne idée de le faire pour chacun des treize sections.)CSS/tables: deux colonnes parallèles pour différentes langues?

Voici le texte tchèque: http://www.dinkypage.com/124733

Voici le texte anglais: http://www.dinkypage.com/137154

J'ai reçu quelques suggestions sur l'utilisation de tables, mais je ne sais pas comment cela pourrait fonctionner. J'apprécierais certainement toute aide. Merci!

+0

Il n'y a pas « belle » façon de le faire (c'est un problème assez complexe de composition); De toute évidence, vous pouvez tout aligner avec une table, aussi moche que cela puisse être. – Viruzzo

+0

Vous pouvez vous inspirer du volet "Relecture" de Duolingo.com, par ex. https://www.duolingo.com/translation/9f949503e613b7fe5d47d222b078d7c3. Ils ont résolu le problème de la sélection de plusieurs paragraphes de texte dans une langue. AFIK, leur solution utilise JavaScript: elle mesure les paragraphes, puis ajoute un remplissage. Je recommande d'utiliser la table, c'est le moyen le plus simple et c'est aussi ce à quoi ressemble la sortie de hunalign (http://mokk.bme.hu/resources/hunalign/). – user7610

Répondre

1

Il semble que vous ayez besoin d'une ligne de table (ou CSS div, ou autre), qui traverse toute la page, pour chaque page/paragraphe que vous souhaitez aligner. Cela forcerait le langage plus court à être complété avec de l'espace à la fin pour que la prochaine page/paragraphe commence au bon endroit.

+1

Serait-il impossible de sélectionner un seul côté ou l'autre (à des fins de copier/coller)? – 76987

+0

Tant que chaque paragraphe/page est dans sa propre DIV (ou cellule de table) alors oui. – tarmes

+0

OK, j'ai commencé à jouer avec ça, mais je ne sais vraiment pas comment le faire. – 76987

3

J'ai créé une structure simple table comme exemple. Vous pouvez utiliser CSS pour styliser la table.

Exemple ici: http://jsfiddle.net/peduarte/UU2AX/

+0

On m'a dit ici avant de ne jamais utiliser les tables, et que cela constitue un péché mortel dans les sites Web. Est-ce faux? – 76987

+1

Oui, c'est faux. Les tableaux ne doivent être utilisés que pour les données tabulaires et quand c'est nécessaire. Dans votre cas, il n'y a rien de mal à utiliser les tables. Maintenant, si vous construisiez un site Web entier dans des tables, quelques personnes vous diraient: p – peduarte

+0

J'espère que cela a aidé! – peduarte

Questions connexes