Can't upload image from Dropbox

HTML-CSS
1

Tell us what’s happening:
Hey guys, I was wondering if you can give me a hint to why the image is not showing on preview. This image is for the tribute page.

  **Your code so far**

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="styles.css">
  <title id="title">Prince Miloš Obrenović I</title>
  </head>

  <header>
    <h1>Prince Miloš Obrenović I </h1>
    <p class="sub-heading">The prince who freed Serbia from Ottoman's rule</p>
  </header>

    <div id="img-div">
      <img id="image" src="https://www.dropbox.com/home/photos%205?preview=received_1771947169639210.jpeg"/>
    <div id="img-caption"> Statue of Miloš Obrenović in Petrovac </div>
    </div>

  **Your browser information:**

User Agent is: Version 1.39.122 Chromium: 102.0.5005.115 (Official Build) (arm64)
](Brave Release Notes | Brave Browser)

Challenge: Tribute Page

Link to the challenge:

2

Seems to be an issue with the image url itself. Using a random image url from google works just fine.

Here’s an explanation on how to get the correct url for the <img> attribute from files saved in dropbox: Solved: How to embed Dropbox images | Dropbox Community

1 Like
3

Thank you, thank you! It worked :slight_smile:

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.