{"id":4397,"date":"2022-06-10T10:55:29","date_gmt":"2022-06-10T08:55:29","guid":{"rendered":"https:\/\/www.lamapoll.de\/blog\/?p=4397"},"modified":"2022-09-15T12:09:55","modified_gmt":"2022-09-15T10:09:55","slug":"css-code-um-fragen-nebeneinander-darzustellen","status":"publish","type":"post","link":"https:\/\/www.lamapoll.de\/blog\/css-code-um-fragen-nebeneinander-darzustellen\/","title":{"rendered":"Lassen sich Fragen im Fragebogen nebeneinander darstellen?"},"content":{"rendered":"\n<p>Ja, mithilfe von CSS-Code k\u00f6nnen Sie das Design des Online-Fragebogens individuell anpassen und z.B. auch Fragen nebeneinander anordnen. <br><br>Der CSS-Code, um z.B. zwei Fragen nebeneinander darzustellen, lautet: <\/p>\n\n\n\n<p>&lt;style type=&#8220;text\/css&#8220;&gt;#pageitem_XXX, #pageitem_YYY {<br>display:inline-block;<br>width:49%;<br>vertical-align:top<br>}<br>&lt;\/style&gt;<br><br><em>(Bitte beachten Sie: XXX\/YYY muss durch die beiden Frage-IDs ersetzt werden. Die jeweilige Frage-ID k\u00f6nnen Sie aus dem Dialogfenster bei &#8222;Frage bearbeiten&#8220; kopieren und an entsprechender Stelle im Code einf\u00fcgen.)<br><\/em><br>\u00dcbrigens: Mittels CSS (Cascading Style Sheets) k\u00f6nnen Sie Ihren Online-Fragebogen fast unbegrenzt anpassen. LamaPoll bietet speziell daf\u00fcr einen CSS-Men\u00fcpunkt f\u00fcr jede Umfrage (s. Abb.). Weitere Informationen zu CSS-Codes und viele Beispiele f\u00fcr CSS-Befehle finden Sie in unserem Helpdesk: <a rel=\"noreferrer noopener\" href=\"https:\/\/help.lamapoll.de\/Features\/Erstellen\/Design-Funktionen-CSS-Befehle\" target=\"_blank\">Design-Funktionen: CSS-Befehle<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2022\/04\/grafik.png\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"546\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2022\/04\/grafik.png\" alt=\"\" class=\"wp-image-4418\" srcset=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2022\/04\/grafik.png 928w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2022\/04\/grafik-300x177.png 300w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2022\/04\/grafik-768x452.png 768w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/a><figcaption><em>Abb. Um CSS-Code einzuf\u00fcgen, klicken Sie auf den Men\u00fcpunkt CSS. Dadurch \u00f6ffnet sich ein Popup-Fenster, in dem Sie CSS-Befehle eintragen und speichern k\u00f6nnen.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Orientieren Sie sich gern an unserer beispielhaften Fragebogen-Vorlage, in der unterschiedliche CSS-Befehle eingesetzt werden: <a rel=\"noreferrer noopener\" href=\"https:\/\/vorlage.lamapoll.de\/eigenes-css\/\" target=\"_blank\">Fragebogen-Vorlage CSS <\/a><\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ja, mithilfe von CSS-Code k\u00f6nnen Sie das Design des Online-Fragebogens individuell anpassen und z.B. auch Fragen nebeneinander anordnen. Der CSS-Code, um z.B. zwei Fragen nebeneinander darzustellen, lautet: &lt;style type=&#8220;text\/css&#8220;&gt;#pageitem_XXX, #pageitem_YYY {display:inline-block;width:49%;vertical-align:top}&lt;\/style&gt; (Bitte beachten Sie: XXX\/YYY muss durch die beiden Frage-IDs ersetzt werden. Die jeweilige Frage-ID k\u00f6nnen Sie aus dem Dialogfenster bei &#8222;Frage bearbeiten&#8220; kopieren und [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,156],"tags":[1259,1260,1254,1257,1256,1255,1258],"class_list":["post-4397","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-feedbackmanagement","category-frage-der-woche","tag-css-befehle-einsetzen","tag-css-code-einfuegen","tag-css-code-um-fragen-nebeneinander-darzustellen","tag-darstellung-der-fragen-aendern","tag-fragebogen-design-aendern","tag-fragen-nebeneinander-anordnen","tag-umfrage-design-aendern"],"_links":{"self":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/4397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/comments?post=4397"}],"version-history":[{"count":32,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/4397\/revisions"}],"predecessor-version":[{"id":5240,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/4397\/revisions\/5240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/media\/1434"}],"wp:attachment":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/media?parent=4397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/categories?post=4397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/tags?post=4397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}