Differences

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

--- en:create:table-layout [30.09.2015 11:52] – carina.jandl89
+++ en:create:table-layout [23.11.2020 16:01] (current) – [Placing elements side by side] sophia.schauer
@@ 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 example, an 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 =====
@@ Line 13: / Line 24: @@
 <code html>
-<table>      <!-- Allgemeine Angaben -->
+<table>      <!-- This is where the table begins -->
 <colgroup>   <!-- This is to define the widths of the columns -->
     <col width="33%">   <!-- Column 1 has a width of 33%, col = column -->
@@ Line 54: / Line 65: @@
 </colgroup>
 <tr>
-    <td>Männlich</td>
+    <td>Question 1 goes here</td>
-    <td>Weiblich</td>
+    <td>Question 2 goes here</td>
 </tr>
 </table>
@@ Line 70: / Line 81: @@
 </colgroup>
 <tr>
-    <td> //
+    <td> //Question 1 goes here
 </code>
@@ Line 76: / Line 87: @@
 <code html>
     </td>
-    <td>//
+    <td>//Question 2 goes here
 </code>