View Single Post
Old 05-23-2013, 09:47 PM   #13
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,834
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
What about a two columns layout? It works fine in some eReaders (i.e. Kindle) although not in ADE

Code:
h1 {
  clear: both;
  font-size: 1.4em;
  margin: 0;
  padding: 1em 0 2em;
  text-align: center;
}

h2 {
  font-size: 1.2em;
  margin: 0;
  padding: 1em 0 2em;
  text-align: center;
}

p {
  font-size: 1em;
  text-align: justify;
  margin-bottom: 1em;
}

.col1 {
float: left;
width: 50%;
}

.col2 {
float: left;
width: 50%;
}

div.col1 p {
  margin-left:0;
  margin-right: 0.75em;
}

div.col2 p {
  margin-left: 0.75em;
  margin-right: 0;
}
In the .xhtml file the code would be:

Code:
  <h1>Title</h1>

  <div class="col1">
    <h2>Title in one language</h2>

    <p>...Text in one language...</p>
...
...
  </div>

  <div class="col2">
    <h2>Title in another language</h2>

    <p>...Text in another language...</p>
...
...
  </div>
As you can see, no javascript
Attached Thumbnails
Click image for larger version

Name:	screen_shot-4949.gif
Views:	2222
Size:	31.7 KB
ID:	106187   Click image for larger version

Name:	screen_shot-4950.gif
Views:	2018
Size:	42.1 KB
ID:	106188   Click image for larger version

Name:	screen_shot-4951.gif
Views:	362
Size:	43.4 KB
ID:	106189  
Attached Files
File Type: epub Two Cols.epub (4.3 KB, 542 views)

Last edited by RbnJrg; 05-23-2013 at 09:54 PM.
RbnJrg is offline   Reply With Quote