I'm relatively new to web programming, dabbling with bits of HTML and CSS. My understanding is quite limited in this area.
As I face my current dilemma, I wonder whether it's due to my lack of coding knowledge or if it's a limitation of the survey tool itself.
In Survey Gizmo, there is an option to create 'custom CSS' coding externally to the survey, acting like a CSS stylesheet where multiple styles can be stored.
You can link these styles to each page or question within the survey, as well as modify the head of the page using 'custom HTML' placed in a separate document.
Despite seeking help from Survey Gizmo (SG), they suggest that I either comprehend the process or pay for their programming services.
My goal is to have a video player on one side of the screen while having a set of questions on the other side that can be scrolled through independently.
The examples provided by SG for CSS appear like:
.width-33{
clear: none;
float: left;
width: 33%; }
I struggle to grasp concepts such as classes or styling names. However, I have managed to apply the given code successfully to a survey question by inputting "width-33" into the custom CSS style field.
What I aim to achieve is similar to what's demonstrated at http://jsfiddle.net/avrahamcool/QMsuD/1/, albeit in a different orientation.
The CSS from that example includes:
* {
margin: 0;
padding: 0;
}
html,
body,
.Container {
height: 100%;
}
... (Remaining CSS code)
While the accompanying HTML structure is as follows:
(HTML code structure)
Finding it challenging to implement this structure within SG, I seek advice from experienced programmers on how to integrate this complex layout into the survey tool effectively.
Is it possible to convert the CSS snippet into an external stylesheet? Will assigning the CSS styles "leftContent" (video player) and "rightContent" (questions) make the setup functional?
If you have any insights or suggestions on achieving this design in SG, including utilizing JavaScript features, please share them!