Gunnar Bittersmann: Zweispaltiges Layout

Beitrag lesen

SELF-Forum

Zweispaltiges Layout

Gunnar Bittersmann Homepage des Autors
+1 Informationen zu den Bewertungsregeln

@@S.nja:

nuqneH

Seite soll so aussehen:
Erste Spalte:  Inhaltsverzeichnis
2. Spalte:     Überschrift
               Darunter zwei Spalten (deutsch/englisch)

Inhalt                 xxxxxxxxxxxxxxxxxx    Überschrift   xxxxxxxxxxxxxxxxxxx
........                         Deutsch                      Englisch
Teilebeschreibung      X-Teil                         Part-x
.......                besteht aus ......             consists ....
                       .......................        .......................
                       .......................        .......................
                       ...........
                       Y-Teil                         Part-y

Was ist „Inhalt ... Teilebeschreibung ...“? Ein Menü, was (bei genügender Viewportbreite) links von der Tabelle steht? Oder gehört das auch zur Tabelle?

Im ersten (für mich wahrscheinlicherem Fall) sieht deine Tabelle etwa so aus:

<html lang="de">  
  ...  
   <table>  
     <thead>  
       <tr>  
         <th>Deutsch</th>  
         <th>Englisch</th>  
       </tr>  
     </thead>  
     <tbody>  
       <tr>  
         <td>  
           <b>X-Teil</b>  
           besteht aus ...  
         <td>  
         <td lang="en">  
           <b>part-x</b>  
           consits ...  
         <td>  
       </tr>  
       ...  
     </tbody>  
   </table>

Für Textinhalte – auch bei Sprachwechseln – immer die Sprache angeben. (aktualisierte Übersetzung noch hier)

Wie soll sich die Seite bei PCs, Tablets und Smartphones verhalten? Sollen die Absätze ineinander rutschen (deutsch englisch deutsch englisch u.s.w.) oder erst der Text in einer Sprache und dann in der anderen dargestellt werden? Also bei verschiedenen Fenstergrößen und Quer-/Hochformat?
Das hatte ich bisher nicht im Fokus, aber im Hinblick auf neue Medien würde ich deutsch englisch deutsch englisch bevorzugen.

Ein Beispiel einer responsiven Tabelle: unterhalb einer bestimmten Viewportbreite wird automatische Silbentrennung eingesetzt, damit die Inhalte weiterhin vernünftig tabellarisch dargestellt werden können. Wenn’s noch schmaler wird, werden die Inhalte einer Tabellenzeile untereinander angeordnet.

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
Beitrag melden
+1
Informationen zu den Bewertungsregeln