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