Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:create:table-layout [20.09.2011 20:43] – [Verwendung von Tabellen im Fragebogen] adminde:create:table-layout [11.04.2014 14:02] (aktuell) – Verweis auf Dropdown-Beispiel admin
Zeile 1: Zeile 1:
 ====== Elemente nebeneinander platzieren ====== ====== Elemente nebeneinander platzieren ======
  
-Dieses Kapitel beschreibt, wie verschiedene Elemente im Fragebogen nebeneinander platziert werden, z.B. ein Bild neben einer Frage oder zwei Fragen nebeneinander. Lesen Sie dazu bitte auch [[combine|Kombinierte Fragen]].+Dieses Kapitel beschreibt, wie verschiedene Elemente im Fragebogen nebeneinander platziert werden, z.B. ein Bild neben einer Frage oder zwei Fragen nebeneinander. 
 + 
 +**Wichtig:** Wenn Sie zwei Fragen mit denselben Items nebeneinander platzieren möchten (z.B. für eine Fishbein-Skala), dann lesen Sie bitte zunächst [[combine|Kombinierte Fragen]]. 
 + 
 +** Beispiel 1 ** 
 + 
 +{{:de:create:scr.table-layout.example1.png?nolink|Elemente nebeneinander platziert - Beispiel 1}} 
 + 
 +** Beispiel 2 ** 
 + 
 +{{:de:create:scr.example.combine.dropdown.jpg?nolink|Dropdown-Auswahlfelder nebeneinander platzieren}} 
 + 
 +Eine Schritt-für-Schritt-Beschreibung zum obigen Beispiel lesen Sie unter [[table-layout-dropdowns|Dropdowns nebeneinander platzieren]].
  
 ===== Grundlage: Tabellen ===== ===== Grundlage: Tabellen =====
Zeile 118: Zeile 130:
 Unter Umständen kann der Browser die definierten Spaltenbreiten nicht einhalten - nämlich dann, wenn der Inhalt breiter ist als angegeben. Unter Umständen kann der Browser die definierten Spaltenbreiten nicht einhalten - nämlich dann, wenn der Inhalt breiter ist als angegeben.
  
-  * Enthält der Text ein langes Wort? In diesem Fall kann man das Wort mit ''<br>'' gezielt umbrechen +  * Enthält der Text ein langes Wort? In diesem Fall kann man das Wort mit ''<br>'' gezielt umbrechen\\ \\ <code html>
- +
-<code html>+
 Unter Zuhilfenahme des Unvereinbar-<br>lichkeitserklärungs-<br>dokuments Unter Zuhilfenahme des Unvereinbar-<br>lichkeitserklärungs-<br>dokuments
 waren die Unzulänglich-<br>keiten schnell abzustellen. waren die Unzulänglich-<br>keiten schnell abzustellen.
 </code> </code>
  
-  * Wurde ein Bild nicht richtig skaliert? Bilder müssen vor dem Hochladen auf die richtige Größe skaliert werden. Im Internet zählt dabei ausschließlich die Größe in Pixel. Mehr dazu s. [[images|Bilder im Fragebogen]].+  * Wurde ein Bild nicht richtig skaliert? Bilder müssen vor dem Hochladen auf die richtige Größe skaliert werden. Im Internet zählt dabei ausschließlich die Größe in Pixel. Mehr dazu s. [[images|Bilder im Fragebogen]].\\ **Hinweis:** Wenn man ein Bild aus oFb löscht, skaliert und unter demselben Dateinamen hochlädt wie vorher, dann zeigt der Browser evtl. trotzdem noch die alte Version aus dem Cache. Ein "Seite neu laden" bzw. "Aktualisieren" hilft in diesem Fall weiter.
  
-**Hinweis:** Wenn man ein Bild aus oFb löscht, skaliert und unter demselben Dateinamen hochlädt wie vorher, dann zeigt der Browser evtl. trotzdem noch die alte Version aus dem Cache. Ein "Seite neu laden" bzw. "Aktualisieren" hilft in diesem Fall weiter. +  * Werden die Spalten trotz passenden Inhalts nicht in der richtigen Breite angezeigt? In diesem Fall kann man die Einhaltung der Spaltenbreiten via CSS erzwingen. Dazu muss man im ''<table>''-Tag ein Attribut ''style'' ergänzen:\\ \\ <code html>
- +
-  * Werden die Spalten trotz passenden Inhalts nicht in der richtigen Breite angezeigt? In diesem Fall kann man die Einhaltung der Spaltenbreiten via CSS erzwingen. Dazu muss man im ''<table>''-Tag ein Attribut ''style'' ergänzen: +
- +
-<code html>+
 <table cellspacing="0" cellpadding="0" border="0" style="table-layout:fixed; width: 100%"> <table cellspacing="0" cellpadding="0" border="0" style="table-layout:fixed; width: 100%">
 <colgroup>   <!-- Die folgenden Breiten werden exakt eingehalten --> <colgroup>   <!-- Die folgenden Breiten werden exakt eingehalten -->
de/create/table-layout.txt · Zuletzt geändert: 11.04.2014 14:02 von admin
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki