Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
en:create:table-layout [30.09.2015 11:52]
carina.jandl89
en:create:table-layout [30.09.2015 20:56]
admin [Placing elements side by side] Update
Line 1: Line 1:
 ====== Placing elements side by side ====== ====== Placing elements side by side ======
  
-This chapter demonstrates how to place elements in the questionnaire side by side. For example an image nest to a question or two questions side by side. (In the last case, you may want to take a look at [[combine|combined questions]])+This chapter demonstrates how to place elements in the questionnaire side by side. For examplean image nest to a question or two questions side by side.
  
 +**Important:** If you'd like to place two questions side-by-side that contain the same items (for an Fishbein scale, for example), please read [[combine]].
 +
 +** Example 1 **
 +
 +{{:de:create:scr.table-layout.example1.png?nolink|Elements placed side-by-side - Example 1}}
 +
 +** Example 2 **
 +
 +{{:de:create:scr.example.combine.dropdown.jpg?nolink|Dropdowns placed side-by-side}}
 +
 +For a step-by-step manual for the above example, please read [[table-layout-dropdowns]].
  
 ===== Basics: Tables ===== ===== Basics: Tables =====
Line 13: Line 24:
  
 <code html> <code html>
-<table>      <!-- Allgemeine Angaben -->+<table>      <!-- This is where the table begins -->
 <colgroup>   <!-- This is to define the widths of the columns --> <colgroup>   <!-- This is to define the widths of the columns -->
     <col width="33%">   <!-- Column 1 has a width of 33%, col = column -->     <col width="33%">   <!-- Column 1 has a width of 33%, col = column -->
Line 54: Line 65:
 </colgroup> </colgroup>
 <tr> <tr>
-    <td>Männlich</td> +    <td>Question 1 goes here</td> 
-    <td>Weiblich</td>+    <td>Question 2 goes here</td>
 </tr> </tr>
 </table> </table>
Line 70: Line 81:
 </colgroup> </colgroup>
 <tr> <tr>
-    <td> //+    <td> //Question 1 goes here
 </code> </code>
  
Line 76: Line 87:
 <code html> <code html>
     </td>     </td>
-    <td>//+    <td>//Question 2 goes here
 </code>  </code> 
  
en/create/table-layout.txt · Last modified: 30.09.2015 20:56 by admin
 
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki