No replies
mrglosson
mrglosson's picture
Offline
newbie
Last seen: 7 years 10 weeks ago
Timezone: GMT-6
Joined: 2012-11-10
Posts: 1
Points: 2

I have quite a challenge and I'm not sure if it can be handled exclusively with CSS, but I figured I would give it throw it out to receive thoughts.

I have a web site whose primary purpose will be for printing out. The output will be in three different languages. I want the top-third of each page to be language 1, the middle third to be language 2, and the bottom third to be language 3. But the content is all three translations, but each may take more than 1/3 of the page. For example, there might be 10 paragraphs, but each page could only fit a few paragraphs. Here is my source html (for example):

<div id="lang1">This is some text. Let's pretend only two lines per page will fit, but the problem is that I want to have each language appear on every page. To further complicate matters, well, I think that pretty much says it all.</div>

<div id="lang2">This would be the second language. Ishk mera mazhab. Muhabbat mera iman! Muhabbat, jis ke liye Fahad ne paharon ka sina cheer kar dood baha diya. Muhabbat, jis ke liye Majnu ne sara kee khak janee! Us hi muhabbat ke liye, Kabul ka ye Pathan.</div>

<div id="lang3">This would be the third language. el amor es mi fe. el amor es mi religión. por este amor fahad cortar el breat de la montaña se abrió y causó la leche fluya de ellos. por este amor Majnu peinar el desierto entero. para este único amor, esta Pathan de Kabul ha llegado.</div>

But I want the printout to look like this:

(page 1)
+---------------------------------------+
| This is some text. Let's pretend only |
| two lines per page will fit, but the |
| is that I want to have each language |
+---------------------------------------+
| This would be the second language. |
| Ishk mera mazhab. Muhabbat mera iman! |
| Muhabbat, jis ke liye Fahad ne paharon|
+---------------------------------------+
| This would be the third language. el |
| amor es mi fe. el amor es mi religión.|
| por este amor Fahad cortar el breat |
+---------------------------------------+
(page 2)
+---------------------------------------+
| appear on every page. To further |
| complicate matters, well, I think that|
| pretty much says it all. |
+---------------------------------------+
| ka sina cheer kar dood baha diya. |
| Muhabbat, jis ke liye Majnu ne sara |
| kee khak janee! Us hi muhabbat ke liye|
+---------------------------------------+
| de la montaña se abrió y causó la |
| leche fluya de ellos. por este amor |
| Majnu peinar el desierto entero. para |
+---------------------------------------+
(etc)

Any thoughts from anyone? This is a dynamic PHP site with the content coming from a database, so I'm open to the possibility that this is only achievable through a combination of PHP and CSS. But it's a nice challenge for somebody who has a little more experience than me. If anyone is interested, this is my start.