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

How can I remove white spaces/gaps between images?

  • Apr 6, 2021 12:36 AM UTC
  • 5 replies
  • 240 views

Forum|alt.badge.img

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!

5 replies

Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • Apr 6, 2021 12:41 AM UTC


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.


Forum|alt.badge.img
  • Author
  • Apr 6, 2021 12:54 AM UTC

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?


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • Apr 6, 2021 1:06 AM UTC

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


Forum|alt.badge.img
  • Author
  • Apr 6, 2021 1:13 AM UTC

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;"/>


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • Apr 6, 2021 7:25 AM UTC

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;"/>