How can I remove white spaces/gaps between images? | XM Community
Skip to main content

To illustrate what I'm referring to, see the image below:
qualtrics_help.jpeg








The gap above (no pun intended) emerges when I enter into 'Preview' mode (it doesn't appear in 'Normal View'). I'd like to remove it so that the two uploaded images appear as one, but I'm not sure how.
Here is what my (HTML View) code currently looks like:
https://gsu.qualtrics.com/CP/Graphic.php?IM=IM_4TNXt4wfIeGJ14i" style="width: 468px; height: 182px;"/>

https://gsu.qualtrics.com/CP/Graphic.php?IM=IM_0ppbvm3Jir3jxhI" style="width: 468px; height: 265px;"/>

Thanks in advance for any input you can provide!


is a line break. It will add space between any two elements. Delete it.
Also, you can remove the margins and padding between images inside styles.
Read here how to do that.


Okay. I did as you suggested:
https://gsu.qualtrics.com/CP/Graphic.php?IM=IM_4TNXt4wfIeGJ14i" style="width: 468px; height: 182px;"/>
https://gsu.qualtrics.com/CP/Graphic.php?IM=IM_0ppbvm3Jir3jxhI" style="width: 468px; height: 265px;"/>
....but the gap still appears in Preview mode:
qualtric_help2.jpeg?


Did you reduce the margins to zero. If yes, then share your survey link, maybe there's something else. If not, do that first.


Trying to do that now based on the site you shared. Is my code correct?
https://gsu.qualtrics.com/CP/Graphic.php?IM=IM_4TNXt4wfIeGJ14i" style="width: 468px; height: 182px; margin: 0px;"/>
https://gsu.qualtrics.com/CP/Graphic.php?IM=IM_0ppbvm3Jir3jxhI" style="width: 468px; height: 265px; margin: 0px;"/>


Use this:
https://gsu.qualtrics.com/CP/Graphic.php?IM=IM_4TNXt4wfIeGJ14i" style="width: 468px; height: 182px; margin: 0px;display:block;"/>
https://gsu.qualtrics.com/CP/Graphic.php?IM=IM_0ppbvm3Jir3jxhI" style="width: 468px; height: 265px; margin: 0px;display:block;"/>


Leave a Reply