Displaying html and css for webpage mock-up

[ictetu]

Hi.  I am using Dropbox for a college class, and I have to put a web design project in my shared folder for my prof to view. I tested all my links from my desktop folder, and everything worked, but when I put the files into Dropbox with the same organization and file names, it didn't display properly. Each page will open when I click on it from Dropbox, but none of them are linked to each other, and the style sheet is not attached, either.  Do I need to change a setting, or is something else going on? I would greatly appreciate any feedback or advice you can offer.

[Jay · Accepted solution]

Hi there, are you trying to preview HTML files? If so, they won’t be able to preview using shared links, as this has been disabled since 2016 for Basic users. 

CSS files however should preview as a text file on the Dropbox site.

If I’m misunderstanding something, please let me know!

[ictetu]

Yes, they are html files. My professor must be planning to download and save them then. Thank you.

[Rich]

---

@ictetu wrote:

My professor must be planning to download and save them then.

---

Make sure all links within the HTML file are relative, to the HTML file, otherwise they will not work for anyone else viewing the file.

A link to a CSS file that looks like this:

<link rel="stylesheet" type="text/css" href="C:\Users\YourName\Dropbox\FolderName\styles\mystyle.css">

... will only work for you. Instead, it's needs to use a relatvie path, and when downloaded by someone else, they need to keep the folder structure the same.

<link rel="stylesheet" type="text/css" href="styles\mystyle.css">

[ictetu]

Thanks. I'll check to make sure this is set correctly, but unless Dropbox changed my links when I uploaded the files, they should all be relative.