Having A Problem Calling An Image From HTML!

[monstr]

Can anybody please help me with this issue. I have uploaded two images to my 'Assets' folder inside the "Edit HTML/CSS" section and after saving, i created an HTML snippet to call the two images. But when I published my site, the images did not display. However, what's weird is that when I came to preview my site inside the "Edit HTML/CSS", the images seemed to appear normally. How can I fix this issue? That's my code below.

<img src="new-arrivals.png"  style="margin: 10px 0px 0px 0px;width:429px;height:185px;">
<a href="http://www.inpha.co/new-arrivals.html"target="_blank"</a><img src="new-arrivals-button.png" style="margin: 60px 0px 0px -228px;width:198px;height:40px;">

[Bernadette3]

Honestly, it's hit or miss with coding questions. Sometimes people will come on and start helping out, but then take some time off for a bit. If someone is available, they will chime in.  

@MTpockets

[BKP1]

@Adam how do I engage the community for some help? Would it be best to start a new topic for this?

[BJ5]

I wonder if this does actually have to do with it being a preview site. I'm curious - if you export the theme, then use it with a different free site (assuming you also have a standard account with sites in it), does it work?

[BKP1]

@BJ Thanks for chiming in.  I don't think it's a preview issue. I am hoping someone can view the source code while in their browser to help diagnose this.

[BKP1]

Here's a link to a test site preview with the same code... and the same results: no image.
http://helpingsites.loginportal.site/preview/26036d.mfl93g7fe7m4f.9f15d286555c143c9d13bc8c7a459852

Looking to find out why the image is not showing up. Again, the image filename in the code is yourimage.jpg and has been uploaded into assets/image.

[BKP1 · Accepted solution]

@Adam I figured out the problem.  Your suggestion of how, in the CSS code, to reference the filepath for the images was "sort of" right, with a slight modification.

This is what ultimately worked:

background:transparent url(images/yourimage.jpg) no-repeat center center;

I found this link to be helpful. https://css-tricks.com/quick-reminder-about-file-paths/

This problem has it's own topic.  Here's a link: https://community.weebly.com/t5/Site-Editor/Help-with-CSS-Can-t-get-images-to-show-up-as-expected/m-...

[Adam7]

That's great, @BKP! I'm going to mark your posts as solutions for anyone else that sees this.