Duplicated file tabs in Dreamweaver "File is not on the local disk"

Report · Aug 07, 2023

When I started working on this site I somehow managed to save my html in the site folder on my local drive, and save the css project to MS One Drive. Once I found the mistake I moved the css back to the site folder and I've had this issue since.

There are two tabs for the same file name, Bootstrap-4.4.1.css, according to Dreamweaver the first one doesn't exist and the second one actually has code in it. I'm new to Dreamweaver and I'm still figuring out how to use the site/file manager tools so this might be very basic.

I would love some ideas on how to troubleshoot this, thanks.

Windows 11,

Version 21.3

Build 15593

Report · Aug 07, 2023

in the future, to find the best place to post your message, use the list here, https://community.adobe.com/

p.s. i don't think the adobe website, and forums in particular, are easy to navigate, so don't spend a lot of time searching that forum list. do your best and we'll move the post if it helps you get responses.

<"moved from using the community">

Report · Aug 07, 2023

For DW, it works best when your sites are on your local hard drive when you are working on the site.

Can you share the source code of the file? From what you have shown we will not be able to determine why DW is picking up 2 files, but it is possible you have linked to both.

Report · Aug 07, 2023

Your code should resemble this with only 1 reference to Bootstrap CSS.

<!doctype html>
<html lang="en">
<head>
<title>Unique Document Title</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--Bootstrap CSS-->
<link rel="stylesheet" href="path/folder/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-....">
MAIN PAGE CONTENT HERE....
</div>
</div>
</div>
<!--First jQuery then Popper then Bootstrap JS--> 
<script src="path/folder/jquery-3.2.1.min.js"></script> 
<script src="path/folder/popper.min.js"></script> 
<script src="path/folder/bootstrap.min.js"></script>
</body>
</html>

Hope that helps.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Aug 10, 2023

Thank you for your response, I had started with a template that used the import function to link a stylesheet and then I linked my own stylesheet with the link function. I didn't realize the code tabs were responding to references in my html, so I didn't think to look at my code I was scrolling through settings. This was really helpful.