HTML -Layout für statische zweisprachige Text: Wie kann man eine Sprache verbergen? ⇐ HTML

[Anonymous]

Wenn ich einen zweisprachigen Text habe, möchte ich Absätze nebeneinander anzeigen. Bei Bedarf sollte der Benutzer in der Lage sein, beide Sprachen wieder nebeneinander anzeigen. Jeder Absatz befindet sich innerhalb des TD , den beiden zugehörigen Absätzen eins TR . Auf diese Weise sind entsprechende Absätze horizontal ausgerichtet. Das Ergebnis ist einfach und fast zufriedenstellend:

Die HTML -Quelle sieht so aus:




table { width: 100%; }
td { padding-right: 2em; vertical-align: top; width: 50%; }
.no { padding-right: 1em; font-size: x-small; color: maroon; }
td img {display: block; margin-left: auto; margin-right: auto; }




This is the text in one language.
Toto je text v druhém jazyce.


This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.


This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.





Let the next chapter starts after the horizontal line.
Další kapitola je oddělena vodorovnou čárou.


This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.


This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.




< /code>
Ich möchte die Funktionalität hinzufügen, um: oder eine der Sprachen auszublenden oder den Splitter zwischen den Sprachen zu verschieben. Das Ziel ist es, die ausgewählte Sprache zu präsentieren und nur dann, wenn der Benutzer beide nebeneinander sehen möchte.>