Site and code dissappeared - showing Master Style Sheet instead

Report · Dec 12, 2018

Not sure what I did. The question is best asked in pictures. The below is what I want to view.

Instead I see this (below) where the bar under the tabs (circled in red above) is missing and instead I am viewing the master style sheet.

I know I've accidentally toggled something but can not find out how to get back to the website.

Report · Dec 12, 2018

I don't think you've accidentally toggled anything. It looks more to me like you may have accidentally copy and pasted over your index.html with your .css stylesheet code.

Is there any actual html code in that file?

If so, you'll need to move all of that css inside a set of <style> tags in the <head> of the page to get it to render.

Report · Dec 12, 2018

Thanks for responding. There's no html code in that mess. Even if I did accidentally copy the css code over it, why would the menu items circled in red (in the image in my original post) disappear as well (ie - source code; bootstrap.min.css. etc.)?

Report · Dec 12, 2018

Now I'm finding that other pages created in the site have lost formatting... not sure wha tI did but this may be a complete rebuild... add multiple expletives here!

Report · Dec 12, 2018

Related files like Bootstrap.css and jQuery.js only show when they are referenced in the open document.

Looks like your index.html file has been overwritten with pure CSS code. Therefore, no related files.

Do you have backups you can revert to?

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Dec 12, 2018

sharpe2012 wrote
Now I'm finding that other pages created in the site have lost formatting... not sure wha tI did but this may be a complete rebuild... add multiple expletives here!

It's likely just a file extension goof up.

Most likely when you meant to create a .css file to add all of your css code to, you accidentally opened a new .html page from the options available in the New Document dialogue.

Report · Dec 12, 2018

Given the images you posted above...

In your "about.html" page, you have an HTML <head></head> section with links to other files. you should see items similar to <link rel="stylesheet" href="home.css"> in the head section. DW picks up on those links and displays them in the Related Files bar across the top of the Document Window, giving you quick access if you click the names.

In "index.html" you have no html, you only have css code. CSS code in and of itself has no design to display in Design view. It also has no <head></head> tagset to store links to other files in order for DW to populate the Related Files bar.

If "index.html" was meant to be an external CSS file, you need to change the file extension from .html to .css, then relink any page that references index.html as a css file.

Adobe Community

Site and code dissappeared - showing Master Style Sheet instead

1 Correct answer