﻿<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/"><channel><title>Millisecond Forums » Millisecond Forums » Inquisit 5  » Survey page- positions for pictures and other elements</title><generator>InstantForum 2017-1 Final</generator><description>Millisecond Forums</description><link>https://forums.millisecond.com/</link><webMaster>Millisecond Forums</webMaster><lastBuildDate>Wed, 16 Sep 2026 17:21:33 GMT</lastBuildDate><ttl>20</ttl><item><title>Survey page- positions for pictures and other elements</title><link>https://forums.millisecond.com/Topic23060.aspx</link><description>Hi,&amp;nbsp;&lt;br/&gt;&lt;br/&gt;I am trying to set up some sliders on a survey page using fixed positions (e.g., 50%, 20%) but on my screen the positions are completely off - 50% horizontally is definitely not 50%- more like 70-80% of the canvas width. Does the default space on the left where question numbers would go on a survey page affects these coordinates? If yes, do you have any guidelines for properly positioning elements on a surveypage (e.g., if I want 50% I should input 40% or something like that).&amp;nbsp;&lt;br/&gt;&lt;br/&gt;I am trying to recreate the sliders below, which means I need to have exact positions for picture elements relative to the slider elements.&amp;nbsp;&lt;br/&gt;&lt;br/&gt;&lt;img src="https://www.millisecond.com/forums/Uploads/Images/a613902d-3b6d-4c89-90f0-1807.PNG" data-download-url="https://www.millisecond.com/forums/Uploads/Images/eb2e435b-6bdb-4587-835f-381d.PNG"&gt;&lt;br/&gt;&lt;br/&gt;Thanks,&amp;nbsp;&amp;nbsp;&lt;br/&gt;Loukia</description><pubDate>Mon, 11 Dec 2017 09:14:40 GMT</pubDate><dc:creator>Loukia</dc:creator></item><item><title>RE: Survey page- positions for pictures and other elements</title><link>https://forums.millisecond.com/Topic23067.aspx</link><description>&lt;div data-id="23063" class="if-quote-wrapper" unselectable="on" data-guid="1513012436769"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="23063" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="23063" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="23063" title=" "&gt;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;Dave - Monday, December 11, 2017&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-23063"&gt;&lt;div class="if-quote-message-margin"&gt;&lt;div data-id="23060" class="if-quote-wrapper" unselectable="on" data-guid="1513012436769"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="23060" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="23060" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="23060" title=" "&gt;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;Loukia - Monday, December 11, 2017&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-23060"&gt;&lt;div class="if-quote-message-margin"&gt;Hi,&amp;nbsp;&lt;br/&gt;&lt;br/&gt;I am trying to set up some sliders on a survey page using fixed positions (e.g., 50%, 20%) but on my screen the positions are completely off - 50% horizontally is definitely not 50%- more like 70-80% of the canvas width. Does the default space on the left where question numbers would go on a survey page affects these coordinates? If yes, do you have any guidelines for properly positioning elements on a surveypage (e.g., if I want 50% I should input 40% or something like that).&amp;nbsp;&lt;br/&gt;&lt;br/&gt;I am trying to recreate the sliders below, which means I need to have exact positions for picture elements relative to the slider elements.&amp;nbsp;&lt;br/&gt;&lt;br/&gt;&lt;img src="https://www.millisecond.com/forums/Uploads/Images/a613902d-3b6d-4c89-90f0-1807.PNG" data-download-url="https://www.millisecond.com/forums/Uploads/Images/eb2e435b-6bdb-4587-835f-381d.PNG"&gt;&lt;br/&gt;&lt;br/&gt;Thanks,&amp;nbsp;&amp;nbsp;&lt;br/&gt;Loukia&lt;a class="if-quote-goto quote-link" href="#" data-id="23060"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/div&gt;&lt;br/&gt;Positions on surveypages are always relative to the _left_ border of the element being position. I.e. if you are trying to position an &amp;lt;image&amp;gt; element&lt;br/&gt;&lt;br/&gt;&amp;lt;image example&amp;gt;&lt;br/&gt;...&lt;br/&gt;/ position = (50%, ...)&lt;br/&gt;&amp;lt;image&amp;gt;&lt;br/&gt;&lt;br/&gt;means &lt;br/&gt;&lt;br/&gt;| ------ 50% -----&amp;gt;[image]&lt;br/&gt;^&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ^&lt;br/&gt;left&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; left&lt;br/&gt;margin&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin&lt;br/&gt;of&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; of&lt;br/&gt;page&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; image&lt;br/&gt;&lt;br/&gt;I.e., you'd need to take the width of the element to be positioned into account. If the image has a width of 20% of the screen width, then it would be centered horizontally at &lt;br/&gt;/position = (40%, ...).&lt;br/&gt;&lt;a class="if-quote-goto quote-link" href="#" data-id="23063"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/div&gt;&lt;br/&gt;Thank you Dave, that's what I was looking for! :)&amp;nbsp;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;</description><pubDate>Mon, 11 Dec 2017 09:14:40 GMT</pubDate><dc:creator>Loukia</dc:creator></item><item><title>RE: Survey page- positions for pictures and other elements</title><link>https://forums.millisecond.com/Topic23063.aspx</link><description>&lt;div data-id="23060" class="if-quote-wrapper" unselectable="on" data-guid="1513010674101"&gt;&lt;a class="quote-para" unselectable="on" style="display: none;" href="#" data-id="23060" title="Move Cursor Below" contenteditable="false"&gt;&lt;span unselectable="on"&gt;+&lt;/span&gt;&lt;/a&gt;&lt;a class="quote-delete" unselectable="on" style="display: none;" href="#" data-id="23060" title="Delete Quote" contenteditable="false"&gt;&lt;span unselectable="on"&gt;x&lt;/span&gt;&lt;/a&gt;&lt;span unselectable="on" class="quote-markup"&gt;[quote]&lt;/span&gt;&lt;div unselectable="on" class="if-quote-header" contenteditable="false"&gt;&lt;div unselectable="on" class="if-quote-toggle-wrapper"&gt;&lt;a class="if-quote-toggle quote-link" href="#" data-id="23060" title=" "&gt;&lt;/a&gt;&lt;/div&gt;&lt;span unselectable="on" class="quote-markup"&gt;[b]&lt;/span&gt;Loukia - Monday, December 11, 2017&lt;span unselectable="on" class="quote-markup"&gt;[/b]&lt;/span&gt;&lt;/div&gt;&lt;div class="if-quote-message if-quote-message-23060"&gt;&lt;div class="if-quote-message-margin"&gt;Hi,&amp;nbsp;&lt;br/&gt;&lt;br/&gt;I am trying to set up some sliders on a survey page using fixed positions (e.g., 50%, 20%) but on my screen the positions are completely off - 50% horizontally is definitely not 50%- more like 70-80% of the canvas width. Does the default space on the left where question numbers would go on a survey page affects these coordinates? If yes, do you have any guidelines for properly positioning elements on a surveypage (e.g., if I want 50% I should input 40% or something like that).&amp;nbsp;&lt;br/&gt;&lt;br/&gt;I am trying to recreate the sliders below, which means I need to have exact positions for picture elements relative to the slider elements.&amp;nbsp;&lt;br/&gt;&lt;br/&gt;&lt;img src="https://www.millisecond.com/forums/Uploads/Images/a613902d-3b6d-4c89-90f0-1807.PNG" data-download-url="https://www.millisecond.com/forums/Uploads/Images/eb2e435b-6bdb-4587-835f-381d.PNG"&gt;&lt;br/&gt;&lt;br/&gt;Thanks,&amp;nbsp;&amp;nbsp;&lt;br/&gt;Loukia&lt;a class="if-quote-goto quote-link" href="#" data-id="23060"&gt;&lt;span class="goto"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class="quote-markup"&gt;[/quote]&lt;/span&gt;&lt;/div&gt;&lt;br/&gt;Positions on surveypages are always relative to the _left_ border of the element being position. I.e. if you are trying to position an &amp;lt;image&amp;gt; element&lt;br/&gt;&lt;br/&gt;&amp;lt;image example&amp;gt;&lt;br/&gt;...&lt;br/&gt;/ position = (50%, ...)&lt;br/&gt;&amp;lt;image&amp;gt;&lt;br/&gt;&lt;br/&gt;means &lt;br/&gt;&lt;br/&gt;| ------ 50% -----&amp;gt;[image]&lt;br/&gt;^&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ^&lt;br/&gt;left&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; left&lt;br/&gt;margin&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin&lt;br/&gt;of&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; of&lt;br/&gt;page&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; image&lt;br/&gt;&lt;br/&gt;I.e., you'd need to take the width of the element to be positioned into account. If the image has a width of 20% of the screen width, then it would be centered horizontally at &lt;br/&gt;/position = (40%, ...).&lt;br/&gt;</description><pubDate>Mon, 11 Dec 2017 08:50:47 GMT</pubDate><dc:creator>Dave</dc:creator></item></channel></rss>