# Image URL not working with HTML/CSS

**URL:** <https://community.glideapps.com/t/image-url-not-working-with-html-css/74167>\
**Category:** Ask for Help\
**Created:** [June 15, 2024, 11:48pm UTC](https://community.glideapps.com/t/image-url-not-working-with-html-css/74167 "2024-06-15T23:48:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adam\_Xu](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adam_xu/32/9762_2.png) [@Adam\_Xu](https://community.glideapps.com/u/Adam_Xu)\
**Post date:** [June 15, 2024, 11:48pm UTC](https://community.glideapps.com/t/image-url-not-working-with-html-css/74167/1 "2024-06-15T23:48:54Z")

</div>

The image is hosted on Amazon AWS. The URL works fine with the Image component. It also displays correctly on browsers. But when put into HTML/CSS to show via Rich Text, it only shows the little broken image icon. What could be the reason?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 15, 2024, 11:51pm UTC](https://community.glideapps.com/t/image-url-not-working-with-html-css/74167/2 "2024-06-15T23:51:52Z")

</div>

How are you constructing the HTML/CSS? Are you using an img tag or something else?

---

<div class="post-metadata">

**Author:** ![Adam\_Xu](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adam_xu/32/9762_2.png) [@Adam\_Xu](https://community.glideapps.com/u/Adam_Xu)\
**Post date:** [June 15, 2024, 11:59pm UTC](https://community.glideapps.com/t/image-url-not-working-with-html-css/74167/3 "2024-06-15T23:59:57Z")

</div>

This is the one I used. It is a real estate related stock photo.

```auto
<span>
<img src="upload://cKhuId6KGdLn1BZWRAofGQ6cPVp.jpeg">
</span>

```

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 16, 2024, 12:07am UTC](https://community.glideapps.com/t/image-url-not-working-with-html-css/74167/4 "2024-06-16T00:07:14Z")

</div>

I’m leaning towards a CORS issue. Glide uses Cloudinary to fetch the image, and it’s likely Cloudinary has their own method to deal with CORS, but your rich text doesn’t.

---

<div class="post-metadata">

**Author:** ![Adam\_Xu](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adam_xu/32/9762_2.png) [@Adam\_Xu](https://community.glideapps.com/u/Adam_Xu)\
**Post date:** [June 16, 2024, 12:17am UTC](https://community.glideapps.com/t/image-url-not-working-with-html-css/74167/5 "2024-06-16T00:17:37Z")

</div>

Well, at least the Image component works. Thanks @ThinhDinh.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 16, 2024, 12:19am UTC](https://community.glideapps.com/t/image-url-not-working-with-html-css/74167/6 "2024-06-16T00:19:29Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/d/0dd19ac2ddfb5ed719f23e5c6a41868c6948bda5.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/d/edafcc6862fb8f43eefed9a091023ec5c8333ffd.png)

Seems to confirm the issue. I would suggest checking your bucket’s permission to see if there’s something you can do to allow this.

I found this link:

> **[How to Make an S3 Bucket Public | Saturn Cloud Blog](https://saturncloud.io/blog/how-to-make-an-s3-bucket-public/)**
>
> As a data scientist or software engineer you understand the importance of data accessibility and collaboration However sometimes you may encounter a challenge when trying to make an Amazon S3 bucket public In this article we will explore the steps...

People seem to suggest a bunch of options here:

> <https://stackoverflow.com/questions/6975693/amazon-s3-access-image-by-url>
